@charset "UTF-8";

blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,li,ol,p,pre,table,td,th,ul {
	border: none;
	margin: 0;
	padding: 0
}

body,html {
	height: 100%;
	width: 100%
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: 400
}

a {
	text-decoration: none
}



input::-ms-clear {
	display: none
}

input::-ms-reveal {
	display: none
}

input {
	margin: 0;
	padding: 0
}

input::-webkit-input-placeholder {
	color: #ccc
}

input::-ms-input-placeholder {
	color: #ccc
}

input::-moz-placeholder {
	color: #ccc
}

input[type=button],input[type=submit] {
	cursor: pointer
}

button[disabled],input[disabled] {
	cursor: default
}

img {
	border: none
}

li,ol,ul {
	list-style-type: none
}

.paragraph {
	text-indent: 2em
}

.text-blod {
	font-weight: 700;
	color: #000
}

.clear {
	clear: both
}

.clearleft {
	clear: left
}

.clearright {
	clear: right
}

.floatleft {
	float: left
}

.floatright {
	float: right
}

.cursor {
	cursor: pointer
}

.clearfix::after {
	display: block;
	clear: both;
	content: ""
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}




.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.advisory-container {
	min-width: 1400px;
	height: 496px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

.advisory-container.theme-2 {
	height: 340px;
	overflow: visible
}

.advisory-container.theme-2 .advisory .text-box .text-2 {
	color: #fff
}

.advisory-container.theme-2 .advisory .text-box .text-3 {
	color: #c0cade
}

.advisory-container.theme-2 .advisory .text-box .text-4 .key {
	color: #c0cade
}

.advisory-container.theme-2 .advisory .text-box .text-4 .value {
	color: #c0cade
}

.advisory-container .advisory {
	padding: 116px 0;
	position: relative;
	z-index: 5
}

.advisory-container .advisory .text-box .text-1 {
	line-height: 1;
	margin-bottom: 28px;
	font-size: 60px;
	color: #236ffb;
	font-weight: 700
}

.advisory-container .advisory .text-box .text-2 {
	line-height: 1;
	margin-bottom: 28px;
	font-size: 38px;
	color: #515d71
}

.advisory-container .advisory .text-box .text-3 {
	line-height: 1;
	margin-bottom: 9px;
	font-size: 14px;
	color: #191c3d
}

.advisory-container .advisory .text-box .text-4 {
	line-height: 1;
	margin-bottom: 26px;
	color: #191c3d
}

.advisory-container .advisory .text-box .text-4 .key {
	margin-right: 5px;
	font-size: 22px
}

.advisory-container .advisory .text-box .text-4 .value {
	font-size: 22px;
	font-weight: 700
}

.advisory-container .advisory .btn-row .common-btn-3 {
	margin-right: 18px
}

.advisory-container .advisory .fix-icon {
	width: 240px;
	height: 171px;
	position: absolute;
	top: 116px;
	right: 0
}

.advisory-container .advisory .fix-icon .icon {
	width: 240px;
	height: 171px;
	border-radius: 4px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item,.classic-case-list .item,.fl {
	float: left
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .middle.item,.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .middle.item::before,.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item,.classic-case-list .item,.fl {
	float: left
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .middle.item,.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .middle.item::before,.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.app-development-container {
	position: relative;
	background-color: #010218
}

.app-development-container .app-region-service-container {
	padding: 90px 0 0;
	background-color: #fff;
	position: relative
}

.app-development-container .app-region-service-container .app-service-banner-container {
	width: 100%;
	height: 120px;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 70
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list {
	height: 120px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	border-radius: 4px
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item {
	width: 25%;
	text-align: center
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item .box {
	margin-top: 38px;
	display: inline-block;
	text-align: left
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item .box .icon {
	width: 48px;
	height: 54px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: top
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item .box .text-box {
	height: 54px;
	font-family: AlibabaPuHuiTiR;
	display: inline-block;
	vertical-align: top
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item .box .text-box .big {
	line-height: 1;
	margin-top: 5px;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.app-development-container .app-region-service-container .app-service-banner-container .banner-list .item .box .text-box .small {
	line-height: 1;
	margin-top: 10px;
	font-size: 14px;
	color: #515d71
}

.app-development-container .app-region-system-container {
	padding: 90px 0
}

.app-development-container .xxx-case-container {
	background-color: #f6f8fb
}

.app-development-container .xxx-case-container .xxx-case .classic-case-list .item {
	background-color: rgba(255,0,0,0)!important
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-cover,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .qrcode-item,.fl {
	float: left
}

.beautiful-template-container .beautiful-template .list-box .nav-list .middle.nav-item,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .middle.template-cover,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .middle.template-right,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .middle.features-item,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .middle.qrcode-item,.fl.middle {
	height: 100%
}

.beautiful-template-container .beautiful-template .list-box .nav-list .middle.nav-item::before,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .middle.template-cover::before,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .middle.template-right::before,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .middle.features-item::before,.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .middle.qrcode-item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.beautiful-template-container {
	background-color: #fff
}

.beautiful-template-container .beautiful-template {
	padding: 90px 0 0
}

.beautiful-template-container .beautiful-template .list-box {
	padding-top: 63px;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .nav-list {
	z-index: 10;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item {
	margin-right: 80px
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item:nth-child(6n) {
	margin-right: 0
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item:first-child .nav-item-box .text {
	position: relative;
	left: -.5em
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item:first-child .nav-item-box .recommend-icon-box {
	position: absolute;
	top: -20px;
	right: 0;
	width: 74px;
	height: 85px
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item:first-child .nav-item-box .recommend-icon-box .recommend-icon {
	width: 74px
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item .nav-item-box {
	width: 165px;
	height: 125px;
	position: relative;
	cursor: pointer
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item .nav-item-box .icon-box {
	height: 70px;
	line-height: 70px;
	margin-bottom: 24px;
	text-align: center
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item .nav-item-box .icon-box .icon {
	min-height: 63px;
	max-height: 70px;
	display: inline-block;
	vertical-align: bottom
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item .nav-item-box .text {
	width: 100%;
	line-height: 25px;
	line-height: 25px;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	color: #515d71;
	white-space: nowrap;
	text-align: center
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item .arrow-icon-box {
	width: 100%;
	height: 0;
	z-index: 12;
	text-align: center;
	position: absolute;
	bottom: -5px;
	left: 0;
	display: none
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item .arrow-icon-box .arrow-icon {
	width: 40px;
	height: 20px;
	display: inline-block
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item-active .nav-item-box .text {
	font-weight: 700;
	color: #191c3d
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item-active .nav-item-box .arrow-icon-box {
	display: block
}

.beautiful-template-container .beautiful-template .list-box .nav-list .nav-item-active .nav-item-card {
	display: block
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container {
	min-width: 1400px;
	height: 745px;
	z-index: 5;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container::before {
	z-index: 1;
	content: " ";
	width: 100%;
	height: 100%;
	background: #f6f8fb;
	position: absolute;
	top: 22px;
	left: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg {
	z-index: 8;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list {
	width: 1400px;
	padding-top: 22px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item {
	position: relative;
	display: none
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card {
	width: 1400px;
	height: 720px;
	padding: 68px 0 0;
	position: absolute;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover {
	position: absolute
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box {
	width: 510px;
	height: 587px;
	padding: 0 107px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .phone-case {
	width: 306px;
	height: 590px;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -150px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .phone-case .phone-case-cover {
	width: 100%;
	height: 100%
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .beautiful-template-swiper-container {
	width: 296px;
	height: 587px;
	margin: 0 auto;
	border-radius: 50px;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .beautiful-template-swiper-container .swiper-wrapper {
	width: 297px;
	height: 587px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .beautiful-template-swiper-container .swiper-wrapper .swiper-slide {
	width: 297px;
	height: 587px;
	padding-top: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .beautiful-template-swiper-container .swiper-wrapper .swiper-slide .cover {
	width: 265-px;
	min-height: 100%;
	margin: 0 auto;
	display: block
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .swiper-btn {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 50%
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .swiper-btn:hover::before {
	width: 100%;
	height: 100%;
	border-radius: 60px;
	background-color: #515d71;
	opacity: .15;
	content: " ";
	z-index: 4;
	position: absolute;
	top: 0;
	left: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .swiper-btn.swiper-btn-left {
	left: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .swiper-btn.swiper-btn-right {
	right: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .swiper-btn.swiper-btn-right .icon {
	left: 2px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box .swiper-btn .icon {
	width: 30px;
	height: 30px;
	z-index: 5;
	display: inline-block;
	position: relative
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template {
	width: 672px;
	height: 587px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	position: absolute;
	top: 64px;
	left: 610px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box {
	position: relative;
	width: 100%;
	height: 100%
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-cover {
	width: 395px;
	padding-right: 72px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-cover .cover {
	max-width: 100%;
	max-height: 100%
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right {
	width: 672px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .title {
	font-family: MicrosoftYaHei;
	font-size: 30px;
	color: #191c3d;
	position: relative;
	display: inline-block
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .des {
	margin-top: 18px;
	margin-bottom: 47px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	line-height: 22px;
	color: #888
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item {
	width: 115px;
	margin-right: 22px;
	margin-bottom: 25px;
	text-align: center
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item:nth-child(5n) {
	margin-right: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item .icon-box {
	height: 40px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item .icon-box .icon {
	min-height: 30px;
	max-height: 40px;
	display: inline-block;
	vertical-align: bottom
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item .features-text {
	padding-top: 12px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #191c3d
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list {
	margin-bottom: 60px;
	padding-top: 20px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .qrcode-item {
	width: 120px;
	height: 120px;
	margin-right: 64px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .qrcode-item:nth-child(4n) {
	margin-right: 0
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .qrcode-item .icon {
	width: 120px;
	height: 120px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row {
	height: 48px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-1 {
	margin-right: 61px;
	display: inline-block;
	vertical-align: top
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-1 .text-box .price .package-price {
	height: 45px;
	line-height: 45px;
	padding-left: 18px;
	font-size: 44px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-1 .text-box .price .package-price::before {
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 22px;
	bottom: 2px;
	left: -3px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-1 .text-box .price .package-unit {
	line-height: 36px;
	font-size: 22px!important;
	position: relative;
	left: -3px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-1 .text-box .price .original-price {
	font-size: 16px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-2 {
	height: 48px;
	padding-left: 35px;
	display: inline-block;
	vertical-align: top
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-2 .icon {
	width: 26px;
	height: 28px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .bottom-row .bottom-col-2 .bottom-col-2-text {
	height: 48px;
	line-height: 48px;
	font-family: MicrosoftYaHei;
	font-size: 20px;
	color: #191c3d;
	display: inline-block
}

.beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item-active {
	display: block
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.highlights-container .list .item,.region-service-container .service .effect-list .item,.region-service-container .service-banner-container .banner-list .item,.seo-features-container .box .fr .list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.highlights-container .list .middle.item,.region-service-container .service .effect-list .middle.item,.region-service-container .service-banner-container .banner-list .middle.item,.seo-features-container .box .fr .list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.highlights-container .list .middle.item::before,.region-service-container .service .effect-list .middle.item::before,.region-service-container .service-banner-container .banner-list .middle.item::before,.seo-features-container .box .fr .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.highlights-container .list .item,.region-service-container .service .effect-list .item,.region-service-container .service-banner-container .banner-list .item,.seo-features-container .box .fr .list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.highlights-container .list .middle.item,.region-service-container .service .effect-list .middle.item,.region-service-container .service-banner-container .banner-list .middle.item,.seo-features-container .box .fr .list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.highlights-container .list .middle.item::before,.region-service-container .service .effect-list .middle.item::before,.region-service-container .service-banner-container .banner-list .middle.item::before,.seo-features-container .box .fr .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.region-service-container {
	padding: 190px 0 94px;
	background-color: #f6f8fb;
	position: relative
}

.region-service-container .service-banner-container {
	width: 100%;
	height: 120px;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 70
}

.region-service-container .service-banner-container .banner-list {
	height: 120px;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	border-radius: 4px
}

.region-service-container .service-banner-container .banner-list .item {
	margin-right: 40px;
	text-align: center
}

.region-service-container .service-banner-container .banner-list .item:last-child {
	margin-right: 0
}

.region-service-container .service-banner-container .banner-list .item .box {
	margin-top: 38px;
	display: inline-block;
	text-align: left
}

.region-service-container .service-banner-container .banner-list .item .box .icon {
	width: 48px;
	height: 54px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: top
}

.region-service-container .service-banner-container .banner-list .item .box .text-box {
	height: 54px;
	font-family: AlibabaPuHuiTiR;
	display: inline-block;
	vertical-align: top
}

.region-service-container .service-banner-container .banner-list .item .box .text-box .big {
	line-height: 1;
	margin-top: 5px;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.region-service-container .service-banner-container .banner-list .item .box .text-box .small {
	line-height: 1;
	margin-top: 10px;
	font-size: 14px;
	color: #515d71
}

.region-service-container .service .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.region-service-container .service .service-btn {
	width: 111px;
	height: 36px;
	line-height: 36px;
	background-color: #ff0137;
	border-radius: 2px;
	text-align: center;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.region-service-container .service .line {
	max-width: 347px;
	height: 1;
	margin: 0 auto 10px;
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5
}

.region-service-container .service .effect-list {
	margin-top: 60px;
	margin-bottom: 54px
}

.region-service-container .service .effect-list .item {
	width: 25%
}

.region-service-container .service .effect-list .item .box {
	text-align: center
}

.region-service-container .service .effect-list .item .box .icon {
	width: 70px;
	height: 59px;
	margin-bottom: 5px;
	display: inline-block
}

.region-service-container .service .effect-list .item .box .big {
	line-height: 1;
	margin-bottom: 13px;
	font-size: 22px;
	color: #191c3d
}

.region-service-container .service .effect-list .item .box .small {
	line-height: 1;
	font-size: 18px;
	color: #515d71
}

.highlights-container {
	padding: 90px 0;
	background-color: #fff
}

.highlights-container .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.highlights-container .list {
	padding-top: 62px
}

.highlights-container .list .item {
	width: 33.33%;
	margin-bottom: 51px
}

.highlights-container .list .item:nth-child(3n-1) {
	text-align: center
}

.highlights-container .list .item:nth-child(3n) {
	text-align: right
}

.highlights-container .list .item:nth-last-child(3) {
	margin-bottom: 0
}

.highlights-container .list .item:nth-last-child(2) {
	margin-bottom: 0
}

.highlights-container .list .item:nth-last-child(1) {
	margin-bottom: 0
}

.highlights-container .list .item .box {
	display: inline-block
}

.highlights-container .list .item .box .icon-box {
	width: 70px;
	height: 70px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle
}

.highlights-container .list .item .box .icon-box .icon {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block
}

.highlights-container .list .item .box .text-box {
	max-width: 250px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
	text-align: left
}

.highlights-container .list .item .box .text-box .big {
	line-height: 1;
	margin-bottom: 5px;
	font-family: AlibabaPuHuiTiB;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.highlights-container .list .item .box .text-box .small {
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #999
}

.seo-features-container {
	padding: 90px 0;
	background-color: #f6f8fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.seo-features-container .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.seo-features-container .box {
	padding-top: 60px;
	margin-bottom: 42px
}

.classic-case-list .seo-features-container .box .item,.highlights-container .list .seo-features-container .box .item,.region-service-container .service .effect-list .seo-features-container .box .item,.region-service-container .service-banner-container .banner-list .seo-features-container .box .item,.seo-features-container .box .classic-case-list .item,.seo-features-container .box .fl,.seo-features-container .box .fr .list .item,.seo-features-container .box .highlights-container .list .item,.seo-features-container .box .region-service-container .service .effect-list .item,.seo-features-container .box .region-service-container .service-banner-container .banner-list .item {
	width: 631px;
	height: 340px
}

.classic-case-list .seo-features-container .box .item .cover,.highlights-container .list .seo-features-container .box .item .cover,.region-service-container .service .effect-list .seo-features-container .box .item .cover,.region-service-container .service-banner-container .banner-list .seo-features-container .box .item .cover,.seo-features-container .box .classic-case-list .item .cover,.seo-features-container .box .fl .cover,.seo-features-container .box .fr .list .item .cover,.seo-features-container .box .highlights-container .list .item .cover,.seo-features-container .box .region-service-container .service .effect-list .item .cover,.seo-features-container .box .region-service-container .service-banner-container .banner-list .item .cover {
	width: 631px
}

.seo-features-container .box .fr .list {
	width: 660px
}

.seo-features-container .box .fr .list .item {
	width: 50%;
	height: 145px;
	margin-bottom: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.seo-features-container .box .fr .list .item:nth-child(2n) {
	padding-left: 68px
}

.seo-features-container .box .fr .list .item .icon {
	height: 56px;
	margin-bottom: 12px;
	display: block
}

.seo-features-container .box .fr .list .item .big {
	line-height: 1;
	margin-bottom: 11px;
	font-family: AlibabaPuHuiTiB;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.seo-features-container .box .fr .list .item .small {
	max-width: 220px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #999
}

.building-case-container {
	padding: 90px 0;
	background-color: #fff
}

.building-case-container .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.building-case-container .region-sub-title .highlight {
	cursor: pointer
}

.building-case-container .building-case .more {
	margin-top: 50px;
	text-align: center
}

.raiders-container {
	padding: 90px 0;
	background-color: #f6f8fb
}

.raiders-container .raiders .region-sub-title {
	min-height: auto;
	line-height: 1
}

.raiders-container .raiders .region-sub-title .highlight {
	cursor: pointer;
	text-decoration: underline
}

.raiders-container .raiders .box {
	padding-top: 55px
}

.raiders-container .raiders .box .cover {
	width: 100%
}

.build-industry-container {
	padding: 90px 0;
	background-color: #fff
}

.build-industry-container .build-industry .card {
	display: none
}

.build-industry-container .build-industry .industry-info-list-box {
	margin-top: 60px
}

.build-industry-container .build-industry .more {
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.buy-on-demand-container .buy-on-demand .list .item,.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .left,.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .right,.fl {
	float: left
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .middle.left,.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .middle.right,.buy-on-demand-container .buy-on-demand .list .middle.item,.fl.middle {
	height: 100%
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .middle.left::before,.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .middle.right::before,.buy-on-demand-container .buy-on-demand .list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.buy-on-demand-container {
	padding: 0 0 90px;
	background-color: #f6f8fb
}

.buy-on-demand-container .buy-on-demand .region-title {
	margin-bottom: 60px
}

.buy-on-demand-container .buy-on-demand .list .item {
	width: 436px;
	margin-right: 46px;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	position: relative;
	cursor: pointer
}

.buy-on-demand-container .buy-on-demand .list .item:nth-child(3n) {
	margin-right: 0
}

.buy-on-demand-container .buy-on-demand .list .item:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12)
}

.buy-on-demand-container .buy-on-demand .list .item:hover .item-head .name {
	color: #236ffb
}

.buy-on-demand-container .buy-on-demand .list .item .item-head {
	width: 100%;
	height: 80px;
	line-height: 80px;
	background-color: #d7e7fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e2edfd),to(#f3f6fb));
	background-image: -webkit-linear-gradient(#e2edfd,#f3f6fb);
	background-image: linear-gradient(#e2edfd,#f3f6fb)
}

.buy-on-demand-container .buy-on-demand .list .item .item-head .name {
	padding-left: 38px;
	font-family: AlibabaPuHuiTiM;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap {
	padding: 0 38px
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-1 {
	height: 253px;
	padding-top: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-1 li {
	line-height: 22px;
	margin-bottom: 15px;
	padding-left: 28px;
	font-size: 16px;
	color: #515d71;
	position: relative
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-1 li::before {
	content: " ";
	width: 12px;
	height: 12px;
	border: solid 3px #236ffb;
	border-radius: 9px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	left: 0
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-2 {
	height: 27px;
	line-height: 15px;
	font-size: 18px;
	color: #191c3d;
	border-bottom: 1px solid #e5e5e5
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-3 {
	height: 129px;
	padding-top: 9px;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-3 p {
	font-size: 16px;
	line-height: 22px;
	color: #515d71
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 {
	height: 166px;
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row {
	margin-bottom: 40px
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .price .package-price {
	font-size: 28px
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .price .package-unit {
	font-size: 16px;
	color: #515d71
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .left {
	width: 50%
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .right {
	width: 50%;
	text-align: right
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .price-row .bottom {
	height: 1px;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #999;
	position: relative;
	top: 8px
}

.buy-on-demand-container .buy-on-demand .list .item .box-wrap .box .row-4 .btn-row .btn {
	width: 100%
}

.buy-on-demand-container .buy-on-demand .list .active::before {
	width: 84px;
	height: 88px;
	content: " ";
	position: absolute;
	top: 0;
	right: 27px;
	background: url(../image/1.png) center center no-repeat;
	background-size: 84px 88px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.case-presentation-list .item,.fl {
	float: left
}

.case-presentation-list .middle.item,.fl.middle {
	height: 100%
}

.case-presentation-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.case-presentation-list .item .box-1 .text,.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.case-presentation-list .item .box-2 .text-box .text,.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.case-presentation-list .item {
	width: 260px;
	height: 330px;
	margin-right: 24px;
	margin-bottom: 24px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	position: relative
}

.case-presentation-list .item:nth-child(5n) {
	margin-right: 0
}

.case-presentation-list .item:hover .box-1 .cover-box .cover {
	width: 275px;
	height: 215px
}

.case-presentation-list .item:hover .box-2 {
	opacity: 1
}

.case-presentation-list .item .box-1 {
	position: relative
}

.case-presentation-list .item .box-1 .cover-box {
	width: 260px;
	height: 200px;
	overflow: hidden;
	position: relative
}

.case-presentation-list .item .box-1 .cover-box::before {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	content: " ";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0
}

.case-presentation-list .item .box-1 .cover-box .cover {
	width: 260px;
	height: 200px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.case-presentation-list .item .box-1 .case-logo-wrap {
	width: 201px;
	height: 71px;
	margin: 0 auto;
	position: relative;
	top: -36px;
	z-index: 2
}

.case-presentation-list .item .box-1 .case-logo-wrap .case-logo {
	width: 201px;
	height: 71px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 24px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 24px 0 rgba(35,111,251,.12);
	border-radius: 4px
}

.case-presentation-list .item .box-1 .text {
	width: 100%;
	height: 60px;
	padding: 0 60px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	line-height: 28px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	top: -10px
}

.case-presentation-list .item .box-2 {
	width: 260px;
	height: 330px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

.case-presentation-list .item .box-2 .cover-box {
	width: 260px;
	height: 200px
}

.case-presentation-list .item .box-2 .cover-box .cover {
	width: 260px;
	height: 200px
}

.case-presentation-list .item .box-2 .text-box {
	height: 112px;
	padding: 13px 24px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: justify
}

.case-presentation-list .item .box-2 .text-box .text {
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	line-height: 20px;
	color: #515d71
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.charge-transparent-container .charge-transparent .list .item,.fl {
	float: left
}

.charge-transparent-container .charge-transparent .list .middle.item,.fl.middle {
	height: 100%
}

.charge-transparent-container .charge-transparent .list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.charge-transparent-container {
	padding: 90px 0;
	background-color: #f6f8fb
}

.charge-transparent-container .charge-transparent .region-title {
	margin-bottom: 60px
}

.charge-transparent-container .charge-transparent .list .item {
	width: 25%
}

.charge-transparent-container .charge-transparent .list .item:nth-child(2) {
	text-align: center
}

.charge-transparent-container .charge-transparent .list .item:nth-child(3) {
	text-align: right
}

.charge-transparent-container .charge-transparent .list .item:nth-child(4) {
	text-align: right
}

.charge-transparent-container .charge-transparent .list .item .box {
	text-align: center;
	display: inline-block
}

.charge-transparent-container .charge-transparent .list .item .box .icon-box {
	width: 100px;
	height: 70px;
	margin-bottom: 34px;
	text-align: center;
	display: inline-block
}

.charge-transparent-container .charge-transparent .list .item .box .icon-box .icon {
	height: 70px;
	display: inline-block
}

.charge-transparent-container .charge-transparent .list .item .box .text-box {
	text-align: center;
	display: inline-block
}

.charge-transparent-container .charge-transparent .list .item .box .text-box .text {
	display: inline-block;
	background-color: #b8860b
}

.charge-transparent-container .charge-transparent .list .item .box .text-box .title {
	line-height: 1;
	margin-bottom: 18px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700;
	white-space: nowrap
}

.charge-transparent-container .charge-transparent .list .item .box .text-box .des {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	color: #515d71;
	white-space: nowrap
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.classic-case-container.theme-2 .classic-case .btn-row .active,.classic-case-container.theme-2 .classic-case .btn-row .btn,.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 35px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.classic-case-container.theme-2 .classic-case .btn-row .active,.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.classic-case-container.theme-2 .classic-case .btn-row .active:hover,.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.classic-case-container.theme-2 .classic-case .btn-row .btn,.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.classic-case-container.theme-2 .classic-case .btn-row .active.btn,.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.classic-case-container.theme-2 .classic-case .region-title {
	color: #979eaa
}

.classic-case-container.theme-2 .classic-case .region-note {
	color: #979eaa
}

.classic-case-container.theme-2 .classic-case .btn-row .btn {
	margin-right: 34px
}

.classic-case-container.theme-2 .classic-case .btn-row .btn:hover {
	color: #fff
}

.classic-case-container.theme-2 .classic-case .btn-row .btn:last-child {
	margin-right: 0
}

.classic-case-container.theme-2 .classic-case .btn-row .active:hover {
	color: #fff
}

.classic-case-container.theme-2 .classic-case .classic-case-list .item {
	background-color: #010218
}

.classic-case-container.theme-2 .classic-case .classic-case-list .item .bottom .fl .title,.classic-case-container.theme-2 .classic-case .classic-case-list .item .bottom .item .title {
	color: #fff
}

.classic-case-container.theme-2 .classic-case .classic-case-list .item .bottom .fr .tag {
	background-color: #535d72;
	color: #c0cade
}

.client-container.theme-2 .client .region-title {
	color: #fff
}

.client-container.theme-2 .client .region-sub-title {
	color: #979eaa
}

.client-container .client {
	margin-bottom: 58px
}

.client-container .client-swiper {
	margin-top: 56px
}

.client-container .client-swiper .client-swiper-container .swiper-wrapper {
	width: 100%;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.client-container .client-swiper .client-swiper-container .swiper-wrapper .swiper-slide {
	width: 100%
}

.client-container .client-swiper .client-swiper-container .swiper-wrapper .swiper-slide .cover-box {
	width: 100%
}

.client-container .client-swiper .client-swiper-container .swiper-wrapper .swiper-slide .cover-box .cover {
	width: 100%
}

.client-container .experience .cover {
	width: 100%;
	display: block
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.committed-to-container {
	min-width: 1400px;
	height: 113.5px;
	background: #f6f8fb
}

.committed-to-container .committed-to {
	position: relative;
	width: 1400px;
	height: 227px;
	background-color: #e9cd8a;
	background-blend-mode: normal,normal;
	-webkit-box-shadow: 0 10px 20px 0 rgba(208,161,94,.2);
	box-shadow: 0 10px 20px 0 rgba(208,161,94,.2);
	border-radius: 10px;
	z-index: 10
}

.committed-to-container .committed-to .box {
	padding-top: 60px;
	padding-left: 173px;
	position: relative;
	z-index: 5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.committed-to-container .committed-to .box .title {
	margin-bottom: 20px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 40px;
	color: #8d5b20;
	font-weight: 700
}

.committed-to-container .committed-to .box .des .text-1 {
	width: 688px;
	height: 22px;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0;
	color: #8d5b20
}

.committed-to-container .committed-to .box .des .text-2 {
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0;
	color: #8d5b20;
	font-weight: 700
}

.committed-to-container .committed-to .committed-to-btn {
	z-index: 20;
	position: absolute!important;
	top: 88px;
	right: 180px
}

.committed-to-container .committed-to .committed-to-bg {
	width: 100%;
	height: 100%;
	z-index: 2;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.common-bottom-bg-container .common-bottom-bg img {
	display: block;
	width: 100%
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-page-card .card {
	min-width: 1200px;
	height: 227px;
	padding: 67px 101px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,38,143,.2);
	box-shadow: 0 10px 20px 0 rgba(0,38,143,.2);
	border-radius: 10px
}

.common-page-card .card .text-box {
	z-index: 5;
	position: relative
}

.common-page-card .card .text-box .big {
	line-height: 1;
	margin-bottom: 30px;
	font-size: 40px;
	color: #fff
}

.common-page-card .card .text-box .small {
	line-height: 1;
	font-size: 22px;
	color: #fff
}

.common-page-card .card .bg {
	z-index: 3;
	position: absolute;
	min-width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.common-page-card .card .btn {
	z-index: 10;
	position: absolute;
	top: 88px;
	right: 103px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.common-problem-container .common-problem .box .list,.fl {
	float: left
}

.common-problem-container .common-problem .box .middle.list,.fl.middle {
	height: 100%
}

.common-problem-container .common-problem .box .middle.list::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.common-problem-container .common-problem .box .list .item .head .text,.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-problem-container {
	padding: 90px 0;
	background-color: #f6f8fb
}

.common-problem-container.theme-2 {
	background-color: rgba(0,0,0,0)
}

.common-problem-container.theme-2 .common-problem .region-title {
	color: #fff
}

.common-problem-container.theme-2 .common-problem .box .list .item.active .head {
	background-color: #236ffb
}

.common-problem-container.theme-2 .common-problem .box .list .item.active .head::before {
	background-image: url(../image/5.png)
}

.common-problem-container.theme-2 .common-problem .box .list .item.active .head::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.common-problem-container.theme-2 .common-problem .box .list .item.active .head .text {
	color: #fff
}

.common-problem-container.theme-2 .common-problem .box .list .item .head {
	background-color: #111a2d
}

.common-problem-container.theme-2 .common-problem .box .list .item .head .text {
	color: #c0cade
}

.common-problem-container .common-problem .box {
	padding-top: 55px
}

.common-problem-container .common-problem .box .list {
	width: 670px
}

.common-problem-container .common-problem .box .list:nth-child(2n) {
	margin-left: 60px
}

.common-problem-container .common-problem .box .list .item {
	margin-bottom: 6px
}

.common-problem-container .common-problem .box .list .item .head {
	height: 64px;
	line-height: 64px;
	padding-left: 81px;
	padding-right: 72px;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer
}

.common-problem-container .common-problem .box .list .item .head::before {
	content: " ";
	position: absolute;
	top: 14px;
	left: 24px;
	width: 36px;
	height: 36px;
	background-image: url(../image/11.png);
	background-size: 36px 36px
}

.common-problem-container .common-problem .box .list .item .head::after {
	content: " ";
	position: absolute;
	top: 22px;
	right: 24px;
	width: 10px;
	height: 18px;
	background-image: url(../image/2.png);
	background-repeat: no-repeat;
	background-size: 10px 18px;
	-webkit-transition: .3s;
	transition: .3s
}

.common-problem-container .common-problem .box .list .item .head .text {
	font-family: AlibabaPuHuiTiR;
	font-size: 18px;
	color: #191c3d
}

.common-problem-container .common-problem .box .list .item .head .l-icon {
	width: 36px;
	height: 34px;
	position: absolute;
	top: 16px;
	left: 24px
}

.common-problem-container .common-problem .box .list .item .head .arrow {
	width: 64px;
	height: 64px;
	line-height: 64px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center
}

.common-problem-container .common-problem .box .list .item .head .arrow .icon {
	display: inline-block
}

.common-problem-container .common-problem .box .list .item .head .arrow .icon-1 {
	height: 15px
}

.common-problem-container .common-problem .box .list .item .head .arrow .icon-2 {
	height: 9px;
	display: none
}

.common-problem-container .common-problem .box .list .item .content {
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.common-problem-container .common-problem .box .list .item .content .text-box {
	line-height: 22px;
	padding: 24px 72px 24px 81px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #6a6a6a;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.common-problem-container .common-problem .box .list .item .content .l-icon {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 28px;
	left: 24px
}

.common-problem-container .common-problem .box .list .active .head::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.common-problem-container .common-problem .box .list .active .head .text {
	color: #236ffb
}

.common-problem-container .common-problem .box .list .active .head .arrow .icon-1 {
	display: none
}

.common-problem-container .common-problem .box .list .active .head .arrow .icon-2 {
	display: inline-block
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.website-customization-container .package-list {
	margin-bottom: 90px!important
}

.website-customization-container .why-me-container {
	margin-top: 90px
}

.website-customization-container .why-me-container .why-me .list {
	margin-top: 60px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.customized-development-container .customized-development {
	margin-bottom: 160px
}

.customized-development-container .customized-development .region-title {
	color: #fff
}

.customized-development-container .customized-development .region-title {
	margin-bottom: 70px
}

.customized-development-container .customized-development .customized-development-list .item {
	float: left;
	position: relative;
	margin-right: 30px;
	background-color: #0d1429;
	-webkit-transition: .3s;
	transition: .3s
}

.customized-development-container .customized-development .customized-development-list .item:nth-child(4n) {
	margin-right: 0
}

.customized-development-container .customized-development .customized-development-list .item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 6px 16px rgba(35,111,251,.16);
	box-shadow: 0 6px 16px rgba(35,111,251,.16)
}

.customized-development-container .customized-development .customized-development-list .item:hover::after {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	width: 100%;
	height: 100%;
	background-image: url(../image/bg.png);
	background-size: 100% 100%
}

.customized-development-container .customized-development .customized-development-list .item .box {
	z-index: 5;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 30px 20px;
	width: 325px;
	height: 420px;
	border-radius: 4px;
	-webkit-transition: .3s;
	transition: .3s;
	overflow: hidden;
	background-color: rgba(0,0,0,0)
}

.customized-development-container .customized-development .customized-development-list .item .box::after {
	content: " ";
	position: absolute;
	bottom: 20px;
	left: 40px;
	width: 40px;
	height: 40px;
	background-image: url(../image/right-1.png);
	background-size: 40px 40px
}

.customized-development-container .customized-development .customized-development-list .item .box:hover::after {
	background-image: url(../image/right.png)
}

.customized-development-container .customized-development .customized-development-list .item .box:hover .desc {
	color: #c0cade
}

.customized-development-container .customized-development .customized-development-list .item .box .name {
	margin-bottom: 34px;
	font-size: 22px;
	font-weight: 700;
	color: #fff
}

.customized-development-container .customized-development .customized-development-list .item .box .desc {
	line-height: 22px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #979eaa
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .text-box .content,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.design-solution-container {
	padding: 90px 0;
	background-color: #f6f8fb
}

.design-solution-container .design-solution .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.design-solution-container .design-solution .design-solution-swiper-container {
	width: 100%;
	height: 472px;
	margin-top: 33px
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper {
	width: 100%;
	height: 472px;
	padding-top: 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide {
	width: 450px!important;
	height: 460px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide::before {
	width: 0;
	height: 1;
	content: " ";
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: absolute;
	bottom: 0;
	left: 0
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide:hover {
	-webkit-transform: translateY(-12px);
	transform: translateY(-12px)
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide:hover::before {
	width: 100%;
	border-bottom: 1px solid #236ffb
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide:hover .text-box .title {
	color: #236ffb
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .cover-box {
	width: 450px
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .cover-box .cover {
	display: block;
	width: 450px;
	height: 283px
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .text-box {
	width: 450px;
	height: 177px;
	padding: 26px 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .text-box .title {
	line-height: 1;
	margin-bottom: 29px;
	font-family: AlibabaPuHuiTiB;
	font-size: 22px;
	font-weight: 700;
	color: #191c3d
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .text-box .content {
	height: 68px;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	line-height: 24px;
	color: #515d71;
	text-align: justify
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-btn {
	width: 40px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background-color: rgba(0,0,0,.6);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 50;
	position: absolute;
	top: 50%;
	margin-top: -35px
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-btn .icon {
	height: 30px;
	display: inline-block;
	vertical-align: middle
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-btn-left {
	left: 235px
}

.design-solution-container .design-solution .design-solution-swiper-container .swiper-btn-right {
	right: 235px
}

.design-solution-container .design-solution .more {
	margin-top: 80px;
	text-align: center
}

.development-ability-container .development-ability {
	padding-top: 30px
}

.development-ability-container .development-ability .item {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 30px;
	padding: 40px 20px 40px 32px;
	width: 440px;
	height: 200px;
	background: #111a2d;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: hidden
}

.development-ability-container .development-ability .item:nth-child(3n) {
	margin-right: 0
}

.development-ability-container .development-ability .item:hover {
	-webkit-transform: translateY(-14px);
	transform: translateY(-14px);
	background-image: url(../image/bg1.png);
	background-size: 100%
}

.development-ability-container .development-ability .item:hover .text-warp .pre {
	color: #c0cade
}

.development-ability-container .development-ability .item:hover .text-warp .link {
	color: #fff
}

.development-ability-container .development-ability .item:hover .text-warp .link .icon.icon-1 {
	display: none
}

.development-ability-container .development-ability .item:hover .text-warp .link .icon.icon-2 {
	display: inline-block
}

.development-ability-container .development-ability .item:hover .icon-warp {
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(35,111,251,.3)),to(rgba(35,111,251,0)));
	background: -webkit-linear-gradient(top,rgba(35,111,251,.3) 0,rgba(35,111,251,0) 100%);
	background: linear-gradient(180deg,rgba(35,111,251,.3) 0,rgba(35,111,251,0) 100%);
	border-radius: 55px
}

.development-ability-container .development-ability .item .text-warp {
	display: inline-block;
	vertical-align: middle;
	margin-right: 22px;
	width: 250px
}

.development-ability-container .development-ability .item .text-warp .name {
	margin-bottom: 12px;
	font-size: 22px;
	font-weight: 700;
	color: #fff
}

.development-ability-container .development-ability .item .text-warp .pre {
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: 400;
	color: #979eaa
}

.development-ability-container .development-ability .item .text-warp .link {
	display: block;
	font-size: 16px;
	font-weight: 400;
	color: #236ffb
}

.development-ability-container .development-ability .item .text-warp .link .text {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.development-ability-container .development-ability .item .text-warp .link .icon {
	width: 30px;
	vertical-align: middle
}

.development-ability-container .development-ability .item .text-warp .link .icon.icon-1 {
	display: inline-block
}

.development-ability-container .development-ability .item .text-warp .link .icon.icon-2 {
	display: none
}

.development-ability-container .development-ability .item .icon-warp {
	display: inline-block;
	width: 110px;
	height: 110px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.development-case-container .development-case .region-title {
	color: #fff
}

.development-case-container .development-case .region-sub-title {
	margin-bottom: 60px;
	color: #979eaa
}

.development-case-container .development-case .development-case-nav-list {
	margin-bottom: 24px
}

.development-case-container .development-case .development-case-nav-list .item {
	width: 195px;
	margin-right: 40px
}

.development-case-container .development-case .development-case-nav-list .item:nth-child(6n) {
	margin-right: 0
}

.development-case-container .development-case .development-case-content-list {
	width: 100%;
	position: relative
}

.development-case-container .development-case .development-case-content-list .item {
	display: none;
	height: 539px
}

.development-case-container .development-case .development-case-content-list .item.active {
	display: block
}

.development-case-container .development-case .development-case-content-list .item .fl .left {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 432px
}

.development-case-container .development-case .development-case-content-list .item .fl .left .name {
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 25px;
	color: #fff
}

.development-case-container .development-case .development-case-content-list .item .fl .left .desc {
	height: 192px;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	color: #979eaa
}

.development-case-container .development-case .development-case-content-list .item .fl .left .btn-wrap .btn {
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.development-case-container .development-case .development-case-content-list .item .fl .left .btn-wrap .btn:first-child {
	margin-right: 20px
}

.development-case-container .development-case .development-case-content-list .item .fr .right {
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.development-case-container .development-case .development-case-content-list .item .fr .right .img-warp {
	display: inline-block;
	vertical-align: middle;
	margin-right: 42px;
	width: 252px
}

.development-case-container .development-case .development-case-content-list .item .fr .right .img-warp:nth-child(3n) {
	margin-right: 0
}

.development-chain-container .development-chain .region-title {
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp {
	margin: 80px 0 160px
}

.development-chain-container .development-chain .flow-chart-warp::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.development-chain-container .development-chain .flow-chart-warp .arrow-right {
	z-index: 1;
	display: inline-block;
	height: 2px
}

.development-chain-container .development-chain .flow-chart-warp .arrow-right .l {
	position: relative;
	width: 78px;
	height: 2px;
	background-color: #236ffb
}

.development-chain-container .development-chain .flow-chart-warp .arrow-right .l::after {
	position: absolute;
	top: -7.5px;
	right: -10px;
	content: " ";
	width: 20px;
	height: 20px;
	background-image: url(../image/caret-right.png);
	background-repeat: no-repeat;
	background-size: 18px 18px
}

.development-chain-container .development-chain .flow-chart-warp .arrow-left {
	z-index: 1;
	display: inline-block;
	height: 2px
}

.development-chain-container .development-chain .flow-chart-warp .arrow-left .l {
	position: relative;
	width: 78px;
	height: 2px;
	background-color: #236ffb
}

.development-chain-container .development-chain .flow-chart-warp .arrow-left .l::after {
	position: absolute;
	top: -7.5px;
	left: -10px;
	content: " ";
	width: 20px;
	height: 20px;
	background-image: url(../image/caret-left.png);
	background-repeat: no-repeat;
	background-size: 18px 18px
}

.development-chain-container .development-chain .flow-chart-warp .item {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment {
	position: relative;
	left: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 66px;
	width: 262px;
	height: 442px;
	border-top: 2px solid #236ffb;
	border-right: 2px solid #236ffb;
	border-bottom: 2px solid #236ffb
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .child {
	padding-right: 16px;
	height: 220px;
	text-align: right
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .child::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .child span {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #979eaa;
	text-align: center
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .child.fix-child {
	position: absolute;
	bottom: -50px;
	right: -20px;
	width: 100%;
	height: 30px
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box {
	position: absolute;
	top: -60px;
	left: -10px;
	height: 541px
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box .fix-box-item {
	position: relative;
	margin-bottom: 105px;
	padding: 8px;
	border-radius: 60px;
	background-color: rgba(53,61,86,.4)
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box .fix-box-item:nth-child(3n) {
	margin-bottom: 0
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box .fix-box-item .i {
	z-index: 10;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 190px;
	height: 100px;
	border-radius: 60px;
	background: #353d56;
	overflow: hidden
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box .fix-box-item .i::before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	width: 22px;
	height: 100%
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box .fix-box-item .i .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 14px;
	width: 24px;
	height: 24px
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .fix-box .fix-box-item .i span {
	display: inline-block;
	vertical-align: middle;
	width: 113px;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .arrow-right {
	position: absolute;
	top: 50%;
	right: -50px
}

.development-chain-container .development-chain .flow-chart-warp .item .equipment .arrow-right .l {
	width: 148px
}

.development-chain-container .development-chain .flow-chart-warp .item .paas {
	position: relative;
	top: -35px;
	margin-right: 5px;
	padding: 10px;
	background-color: rgba(35,111,251,.25);
	border-radius: 4px
}

.development-chain-container .development-chain .flow-chart-warp .item .paas .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 24px;
	width: 210px;
	height: 210px;
	background: #236ffb;
	opacity: 1;
	border-radius: 4px
}

.development-chain-container .development-chain .flow-chart-warp .item .paas .box .icon {
	display: block;
	margin-bottom: 24px;
	width: 40px;
	height: 40px
}

.development-chain-container .development-chain .flow-chart-warp .item .paas .box .name {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp .item .paas .box .desc {
	font-size: 14px;
	font-weight: 400;
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp .item .data-instruction {
	margin-right: 5px
}

.development-chain-container .development-chain .flow-chart-warp .item .data-instruction .text {
	margin-bottom: 2px;
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #979eaa;
	text-align: center
}

.development-chain-container .development-chain .flow-chart-warp .item .data-instruction .row {
	margin-bottom: 8px
}

.development-chain-container .development-chain .flow-chart-warp .item .data-control {
	margin-right: 60px
}

.development-chain-container .development-chain .flow-chart-warp .item .data-control .box-warp {
	z-index: 5;
	position: relative;
	padding: 10px;
	background-color: rgba(35,111,251,.25);
	border-radius: 110px
}

.development-chain-container .development-chain .flow-chart-warp .item .data-control .box-warp .box {
	width: 140px;
	height: 90px;
	line-height: 90px;
	background: #236ffb;
	border-radius: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.development-chain-container .development-chain .flow-chart-warp .item .data-control .arrow-right {
	position: absolute;
	top: 55px;
	right: 20px
}

.development-chain-container .development-chain .flow-chart-warp .item .data-control .arrow-right .l {
	width: 123px
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background {
	margin-right: 60px
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background .box-warp {
	padding: 10px;
	background-color: rgba(35,111,251,.25);
	border-radius: 4px
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background .box-warp .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 18px;
	width: 160px;
	height: 160px;
	background: #236ffb;
	opacity: 1;
	border-radius: 4px
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background .box-warp .box .icon {
	display: block;
	margin-bottom: 12px;
	width: 40px;
	height: 40px
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background .box-warp .box .name {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background .box-warp .box .desc {
	font-size: 14px;
	font-weight: 400;
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp .item .management-background .text-box {
	margin: 20px auto 0;
	width: 140px;
	height: 1px;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	color: #979eaa
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal {
	position: relative
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .place-box {
	width: 72px;
	height: 403px;
	border-left: 2px solid #236ffb
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .arrow-right-1 {
	position: absolute;
	top: 50%;
	left: -92px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .arrow-right-1 .l {
	width: 163px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .arrow-right-2 {
	position: absolute;
	top: 0;
	left: 0
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .arrow-right-2 .l {
	width: 72px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .arrow-right-3 {
	position: absolute;
	bottom: 0;
	left: 0
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .arrow-right-3 .l {
	width: 72px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .fix-box {
	position: absolute;
	top: -77px;
	right: -190px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .fix-box .box-warp {
	margin-bottom: 20px;
	padding: 10px;
	background-color: rgba(35,111,251,.25);
	border-radius: 4px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .fix-box .box-warp .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 18px;
	width: 160px;
	height: 160px;
	background: #236ffb;
	opacity: 1;
	border-radius: 4px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .fix-box .box-warp .box .icon {
	display: block;
	margin-bottom: 12px;
	width: 40px;
	height: 40px
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .fix-box .box-warp .box .name {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

.development-chain-container .development-chain .flow-chart-warp .item .user-terminal .fix-box .box-warp .box .desc {
	font-size: 14px;
	font-weight: 400;
	color: #fff
}

.development-quotation-container .development-quotation {
	z-index: 5;
	position: relative;
	margin-top: 158px
}

.development-quotation-container .development-quotation .fix-icon {
	position: absolute;
	top: -98px;
	left: -37px;
	width: 336px
}

.development-quotation-container .development-quotation .fix-icon img {
	display: block;
	width: 100%
}

.development-quotation-container .development-quotation .development-quotation-form-warp {
	padding: 63px 53px;
	background-color: #233047
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form {
	display: none
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form.active {
	display: block
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .text {
	margin-bottom: 55px;
	font-size: 18px;
	color: #979eaa
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .text .text-1 {
	margin-right: 27px;
	font-size: 28px;
	font-weight: 700;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .text .text-2 {
	font-size: 18px;
	font-weight: 700;
	color: #fb0
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row {
	margin-bottom: 22px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .left {
	width: 120px;
	font-size: 18px;
	font-weight: 400;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .left .dot {
	color: #f55857
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right {
	width: 480px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-btn .item {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 108px;
	height: 44px;
	line-height: 44px;
	background: #32405b;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 400;
	color: #c0cade;
	text-align: center;
	cursor: pointer
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-btn .item:nth-child(4n) {
	margin-right: 0
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-btn .item.active {
	background-color: #236ffb;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-btn .item.active::before {
	position: absolute;
	right: 2px;
	bottom: 2px;
	content: " ";
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(../image/21.png);
	background-size: 15px 15px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-checkbox .item {
	display: inline-block;
	position: relative;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 108px;
	font-size: 16px;
	font-weight: 400;
	color: #c0cade;
	cursor: pointer
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-checkbox .item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #7b8391;
	overflow: hidden
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-checkbox .item.active::before {
	background-color: #236ffb;
	background-image: url(../image/3.png);
	background-size: 20px 20px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-textarea textarea {
	padding: 9px 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 86px;
	background: #1e2b41;
	border: 1px solid #223558;
	opacity: 1;
	border-radius: 4px;
	resize: none;
	font-size: 16px;
	font-weight: 400;
	color: #c0cade
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-textarea textarea::-webkit-input-placeholder {
	color: #6d7f9e
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-textarea textarea:-moz-placeholder {
	color: #6d7f9e
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-textarea textarea:-ms-input-placeholder {
	color: #6d7f9e
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-input input {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 13px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #1e2b41;
	border: 1px solid #223558;
	opacity: 1;
	border-radius: 4px;
	color: #c0cade
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-input input::-webkit-input-placeholder {
	color: #6d7f9e
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-input input:-moz-placeholder {
	color: #6d7f9e
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .select .row .right.type-input input:-ms-input-placeholder {
	color: #6d7f9e
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp {
	position: relative;
	padding-left: 232px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button {
	position: absolute;
	top: 20px;
	left: 0;
	display: inline-block;
	height: 100%
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button::after {
	z-index: 1;
	content: " ";
	position: absolute;
	top: 0;
	left: 52px;
	width: 1px;
	height: 100%;
	background-color: #435880;
	-webkit-transform: scaleX(.4);
	transform: scaleX(.4)
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button .button {
	z-index: 3;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	background-color: #236ffb;
	cursor: pointer
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button .button .text {
	z-index: 5;
	position: relative;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-size: 18px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button .button::before {
	z-index: 2;
	position: absolute;
	top: -8px;
	left: -8px;
	content: " ";
	width: 116px;
	height: 116px;
	background-color: #236ffb;
	opacity: .4;
	border-radius: 58px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-button .button::after {
	z-index: 1;
	position: absolute;
	top: -16px;
	left: -16px;
	content: " ";
	width: 132px;
	height: 132px;
	background-color: #236ffb;
	opacity: .2;
	border-radius: 66px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res {
	min-height: 420px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .title {
	margin-bottom: 73px;
	font-size: 28px;
	font-weight: 700;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .title .nub {
	margin: 0 8px;
	color: #fb0
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .list {
	padding: 27px 80px;
	background-color: #32405b
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .list .row {
	margin-bottom: 18px;
	line-height: 25px;
	font-size: 18px;
	font-weight: 400;
	color: #c0cade
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .list .row span {
	display: inline-block;
	vertical-align: middle
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .list .row .lable {
	width: 100px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .form .development-quotation-res-warp .development-quotation-res .list .row .active {
	min-width: 80px;
	font-size: 18px;
	font-weight: 400;
	color: #fb0;
	text-align: left
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result {
	padding: 60px 0 60px;
	display: none
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result.active {
	display: block
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .left .title {
	margin-bottom: 10px;
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	font-weight: 700;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .left .sub-title {
	margin-bottom: 54px;
	font-size: 18px;
	font-weight: 400;
	color: #979eaa
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .left .text {
	line-height: 1.5;
	font-size: 32px;
	font-weight: 400;
	color: #236ffb
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .left .reassess-btn {
	margin-top: 30px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right {
	position: relative;
	top: 50px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list {
	padding: 60px 43px 75px;
	border: 1px solid #236ffb;
	text-align: center
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item {
	display: inline-block;
	margin-right: 82px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item:nth-child(3n) {
	margin-right: 0
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item .qrcode {
	margin-bottom: 9px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item .qrcode img {
	display: block;
	width: 126px;
	height: 126px
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item .name {
	margin-bottom: 9px;
	height: 24px;
	line-height: 25px;
	font-size: 18px;
	font-weight: 400;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item .name .active {
	margin-left: 2px;
	color: #f9c869
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .list .item .des {
	font-size: 14px;
	font-weight: 400;
	color: #979eaa
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .top {
	position: absolute;
	top: -38px;
	left: 0;
	width: 100%;
	text-align: center
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .top .text {
	display: inline-block;
	padding: 0 22px;
	height: 65px;
	line-height: 65px;
	background: #236ffb;
	border-radius: 4px;
	font-size: 28px;
	font-weight: 700;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #236ffb;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	color: #fff
}

.development-quotation-container .development-quotation .development-quotation-form-warp .result .right .bottom .active {
	color: #f9c869
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.dominant-screen-advantage-container {
	padding: 90px 0;
	background-color: #f6f8fb
}

.dominant-screen-advantage-container .dominant-screen-advantage .region-title {
	margin-bottom: 60px
}

.dominant-screen-advantage-container .dominant-screen-advantage .box {
	background-color: #fff
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table {
	width: 100%;
	border-collapse: collapse
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table td {
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table td:first-child {
	width: 122px
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-head {
	height: 80px!important;
	line-height: 80px;
	background-color: #d7e7fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#e2edfd),to(#f3f6fb));
	background-image: -webkit-linear-gradient(#e2edfd,#f3f6fb);
	background-image: linear-gradient(#e2edfd,#f3f6fb)
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-head td {
	font-size: 22px;
	color: #515d71;
	font-weight: 700
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-head .active {
	color: #236ffb
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row:last-child td {
	border-bottom: none
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td {
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	font-size: 16px;
	color: #858b95
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td:first-child {
	font-size: 18px;
	color: #515d71;
	border-right: 1px solid #e5e5e5
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td:nth-child(2) {
	font-size: 16px;
	color: #191c3d
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td .features-list {
	text-align: left;
	display: inline-block
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td .features-list li {
	height: 20px;
	margin-bottom: 10px;
	padding-left: 30px;
	font-size: 16px;
	color: #858b95;
	display: block;
	position: relative
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td .features-list li::before {
	width: 12px;
	height: 12px;
	border-radius: 9px;
	border: solid 3px #c4c4c4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: " ";
	position: absolute;
	top: 6px;
	left: 0
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td .active-features-list li {
	padding-left: 33px;
	color: #191c3d
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td .active-features-list li::before {
	width: 22px;
	height: 16px;
	border: none;
	border-radius: 0;
	content: " ";
	position: absolute;
	left: 0;
	top: 3px;
	background: url(../image/22.png) center center no-repeat;
	background-size: 22px 16px
}

.dominant-screen-advantage-container .dominant-screen-advantage .box .table .table-row td .vs-icon {
	width: 90px;
	height: 122px;
	position: absolute;
	top: -40px;
	right: -50px
}

.download-browser-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	max-height: 100%;
	overflow-y: auto;
	background-color: #fff
}

.download-browser-container .download-browser {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 60px 30px
}

.download-browser-container .download-browser .title {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 700;
	text-align: center
}

.download-browser-container .download-browser .list {
	margin-bottom: 60px;
	text-align: center
}

.download-browser-container .download-browser .list a {
	display: inline-block;
	margin: 0 50px 30px;
	text-align: center
}

.download-browser-container .download-browser .list a .icon {
	display: block;
	margin-bottom: 20px;
	width: 100px;
	height: 100px
}

.download-browser-container .download-browser .list a .name {
	display: block;
	color: #666
}

.download-browser-container .download-browser .btn-row {
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.flag-container {
	min-width: 1400px;
	height: 227px;
	position: relative
}

.flag-container::before {
	width: 100%;
	height: 50%;
	background-color: #f6f8fb;
	z-index: 2;
	content: " ";
	position: absolute;
	top: 0;
	left: 0
}

.flag-container::after {
	width: 100%;
	height: 50%;
	background-color: #fff;
	z-index: 2;
	content: " ";
	position: absolute;
	top: 50%;
	left: 0
}

.flag-container .flag {
	width: 1400px;
	height: 227px;
	padding-top: 67px;
	padding-left: 139px;
	background-image: -webkit-linear-gradient(135deg,#e9cc8a 0,#faebce 100%),-webkit-linear-gradient(#e6e6e6,#e6e6e6);
	background-image: linear-gradient(-45deg,#e9cc8a 0,#faebce 100%),linear-gradient(#e6e6e6,#e6e6e6);
	background-blend-mode: normal,normal;
	-webkit-box-shadow: 0 10px 20px 0 rgba(208,161,94,.2);
	box-shadow: 0 10px 20px 0 rgba(208,161,94,.2);
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	position: relative
}

.flag-container .flag .box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 6;
	position: relative
}

.flag-container .flag .box .text {
	line-height: 1;
	margin-bottom: 28px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 40px;
	color: #79470c
}

.flag-container .flag .box .text-1 {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	color: #79470c
}

.flag-container .flag .box .text-2 {
	line-height: 1;
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	color: #79470c;
	font-weight: 700
}

.flag-container .flag .flag-bg {
	width: 100%;
	height: 100%;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0
}

.flag-container .flag .flag-btn {
	width: 222px;
	height: 52px;
	line-height: 52px;
	font-size: 20px;
	z-index: 10;
	position: absolute;
	top: 88px;
	right: 182px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.footer-container .footer .footer-bar-list-container .footer-bar-list .item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.footer-container .footer .footer-bar-list-container .footer-bar-list .middle.item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.footer-container .footer .footer-bar-list-container .footer-bar-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item-5,.fr {
	float: right
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item-5,.fr.middle {
	height: 100%
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item-5::before,.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.footer-container .footer .footer-bar-list-container .footer-bar-list .item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.footer-container .footer .footer-bar-list-container .footer-bar-list .middle.item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.footer-container .footer .footer-bar-list-container .footer-bar-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item-5,.fr {
	float: right
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item-5,.fr.middle {
	height: 100%
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item-5::before,.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.footer-container .footer .footer-bar-list-container .footer-bar-list .item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.footer-container .footer .footer-bar-list-container .footer-bar-list .middle.item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.footer-container .footer .footer-bar-list-container .footer-bar-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item::before,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item-5,.fr {
	float: right
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item-5,.fr.middle {
	height: 100%
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .middle.item-5::before,.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title,.classic-case-list .item:hover .bottom .footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item .title,.classic-case-list .item:hover .bottom .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item .title,.classic-case-list .item:hover .bottom .item .title,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .classic-case-list .item:hover .bottom .item .title,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .classic-case-list .item:hover .bottom .item .title,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title,.classic-case-list .item .bottom .footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item .title,.classic-case-list .item .bottom .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item .title,.classic-case-list .item .bottom .item .title,.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .classic-case-list .item .bottom .item .title,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .classic-case-list .item .bottom .item .title,.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item-5 .tag,.classic-case-list .item .bottom .fr .tag,.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .classic-case-list .item .bottom .item-5 .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.footer-container {
	min-width: 1400px;
	background-color: #37405e
}

.footer-container.theme-2 {
	background: -webkit-gradient(linear,left top,left bottom,from(#01122b),to(#010218));
	background: -webkit-linear-gradient(top,#01122b 0,#010218 100%);
	background: linear-gradient(180deg,#01122b 0,#010218 100%)
}

.footer-container.theme-2 .footer .footer-bar-list-container {
	padding-top: 0;
	background-color: rgba(0,0,0,0)
}

.footer-container .footer .footer-bar-list-container {
	padding: 30px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #2e354b
}

.footer-container .footer .footer-bar-list-container .footer-bar-list {
	padding-bottom: 30px;
	border-bottom: 1px solid #223558
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item {
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item .box {
	height: 46px;
	padding-left: 46px;
	color: #fff;
	text-align: left;
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item .box .text-1 {
	line-height: 1;
	margin-bottom: 10px;
	font-size: 18px
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item .box .text-2 {
	line-height: 1;
	font-size: 14px;
	opacity: .6
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item .box .icon {
	width: 34px;
	position: absolute;
	top: 5px;
	left: 0
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item-2 {
	padding-right: 40px;
	text-align: center
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item-3 {
	text-align: center
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item-3 .box {
	right: -30px
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item-3 .box .icon {
	top: -2px;
	left: -3px;
	width: 48px;
	height: 48px
}

.footer-container .footer .footer-bar-list-container .footer-bar-list .item-4 {
	text-align: right
}

.footer-container .footer .footer-box-container {
	position: relative
}

.footer-container .footer .footer-box-container .footer-box {
	position: relative;
	z-index: 5
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container {
	margin-bottom: 35px;
	padding: 80px 0
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title {
	height: 60px;
	line-height: 1.6;
	font-size: 20px;
	color: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title-2 {
	padding-left: 28px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title-2 .title-icon {
	height: 18px;
	position: absolute;
	top: 8px;
	left: 0
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title-2.footer-my-address {
	padding-left: 22px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .title-2.footer-my-address .icon {
	height: 20px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .text {
	line-height: 30px;
	font-size: 14px;
	color: rgba(255,255,255,.6);
	display: block;
	text-align: justify
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item .text-2 {
	color: #236ffb;
	cursor: pointer
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-1 {
	width: 273px;
	margin-right: 113px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-1 .logo-box {
	height: 60px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-1 .logo-box .logo {
	margin-bottom: 30px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-2 {
	width: 98px;
	margin-right: 102px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-3 {
	margin-right: 105px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-4 {
	margin-right: 110px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-4 .text {
	line-height: 1.5
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-5 .qrcode {
	width: 120px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 {
	padding-top: 30px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .logo-box-container {
	margin-bottom: 50px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .logo-box-container .logo-box {
	margin-bottom: 12px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .logo-box-container .text {
	font-size: 20px;
	color: #fff;
	letter-spacing: 12px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item .title {
	height: 40px;
	font-size: 16px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item .title-2 {
	padding-left: 25px
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item .title-2 .title-icon {
	height: 15px;
	position: absolute;
	top: 6px;
	left: 0
}

.footer-container .footer .footer-box-container .footer-box .bottom-list-container-2 .bottom-list .item .title-2 .title-icon-address {
	height: 18px;
	top: 5px;
	left: 2px
}

.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list {
	padding-bottom: 16px
}

.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item {
	margin-right: 20px;
	font-size: 12px;
	color: #fff;
	opacity: .6
}

.footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item-1 {
	margin-right: 0
}

.footer-container .footer .footer-box-container .footer-box .footer-copyright-container .footer-copyright {
	padding: 19px 0;
	font-size: 12px;
	color: #fff;
	opacity: .6
}

.footer-container .footer .footer-box-container .footer-box .footer-copyright-container .footer-copyright span {
	margin-right: 3px
}

.footer-container .footer .footer-box-container .footer-box-bg {
	width: 100%;
	min-height: 100%;
	z-index: 3;
	position: absolute;
	bottom: 0;
	left: 0
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9,.strength-container .btn-row .active,.strength-container .btn-row .btn {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0,.strength-container .btn-row .btn {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover,.strength-container .btn-row .btn:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3,.strength-container .btn-row .active {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover,.strength-container .btn-row .active:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.index-container {
	background-color: #010218
}

.region-1-container {
	min-width: 1400px;
	background-color: #010218
}

.region-1-container .banner-container .banner-box {
	z-index: 60;
	position: relative
}

.region-1-container .banner-container .banner-box .banner-position {
	height: 80px;
	position: relative
}

.region-1-container .banner-container .banner-box .banner-position .banner {
	top: -68px;
	position: relative;
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12)
}

.region-1-container .banner-container .banner-box .banner-position .banner .cover {
	width: 100%;
	display: block
}

.region-1-container .banner-container .banner-box .float-tips-list {
	width: 100%;
	padding: 0 10px 10px 0;
	white-space: nowrap;
	overflow-x: hidden
}

.region-1-container .banner-container .banner-box .float-tips-list .item {
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin-right: 62px;
	padding-left: 40px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(35,111,251,.12);
	box-shadow: 0 1px 10px 0 rgba(35,111,251,.12);
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal
}

.region-1-container .banner-container .banner-box .float-tips-list .item::before {
	width: 14px;
	height: 14px;
	border-radius: 20px;
	content: " ";
	border: 2px solid #236ffb;
	position: absolute;
	top: 19px;
	left: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.region-1-container .introduction-container {
	background: #010218
}

.region-1-container .introduction-container .introduction {
	padding-top: 70px;
	padding-bottom: 90px
}

.region-1-container .introduction-container .introduction .about {
	height: 62px;
	font-size: 62px;
	font-family: Source Han Sans CN;
	font-weight: 700;
	line-height: 25px;
	color: #121f36;
	opacity: 1
}

.region-1-container .introduction-container .introduction .big {
	height: 52px;
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	opacity: 1;
	margin-top: -34px
}

.region-1-container .introduction-container .introduction .wall {
	width: 100%
}

.classic-case-list .region-1-container .introduction-container .introduction .item,.region-1-container .introduction-container .introduction .classic-case-list .item,.region-1-container .introduction-container .introduction .fl {
	max-width: 910px
}

.classic-case-list .region-1-container .introduction-container .introduction .item .note,.region-1-container .introduction-container .introduction .classic-case-list .item .note,.region-1-container .introduction-container .introduction .fl .note {
	line-height: 24px;
	font-size: 16px;
	color: #515d71;
	opacity: .9;
	white-space: pre-wrap;
	color: #979eaa
}

.classic-case-list .region-1-container .introduction-container .introduction .item .note .highlight,.region-1-container .introduction-container .introduction .classic-case-list .item .note .highlight,.region-1-container .introduction-container .introduction .fl .note .highlight {
	color: #236ffb
}

.region-1-container .introduction-container .introduction .introduction-list {
	padding-top: 185px
}

.region-1-container .introduction-container .introduction .introduction-list .item {
	width: 350px;
	height: 690px;
	-webkit-box-shadow: 0 10px 20px rgba(0,13,38,.6);
	box-shadow: 0 10px 20px rgba(0,13,38,.6);
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.region-1-container .introduction-container .introduction .introduction-list .item .card {
	width: 100%;
	position: relative;
	display: block;
	padding-top: 120px
}

.region-1-container .introduction-container .introduction .introduction-list .item .card .name {
	margin: 15px 0 0 0;
	height: 35px;
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 24px;
	color: #fff;
	z-index: 10;
	position: relative;
	text-align: center
}

.region-1-container .introduction-container .introduction .introduction-list .item .card::before {
	content: "";
	width: 2px;
	height: 120px;
	background: #515d71;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list {
	padding-top: 30px
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item {
	height: 60px;
	margin-bottom: 36px;
	padding: 0 0 0 72px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item::before {
	z-index: 3;
	width: 13px;
	height: 13px;
	border: solid 3px #236ffb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 13px;
	content: " ";
	position: absolute;
	top: 5px;
	left: 50px;
	background: #001b4d;
	z-index: 10
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .name {
	margin-bottom: 3px;
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	position: relative
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .name .tag {
	width: 45px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	text-align: center;
	position: absolute;
	right: -55px;
	top: 0
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .name .tag-1 {
	background-color: #ff5a5a;
	-webkit-box-shadow: 0 4px 10px 0 rgba(255,90,90,.2);
	box-shadow: 0 4px 10px 0 rgba(255,90,90,.2)
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .name .tag-2 {
	background-color: #236ffb;
	-webkit-box-shadow: 0 4px 10px 0 rgba(35,111,251,.2);
	box-shadow: 0 4px 10px 0 rgba(35,111,251,.2)
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .name .tag-3 {
	background-color: #00d58c;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0,227,150,.2);
	box-shadow: 0 4px 10px 0 rgba(0,227,150,.2)
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .name .tag-4 {
	background: #236ffb;
	border: 1px solid rgba(35,111,251,.2);
	-webkit-box-shadow: 0 3px 6px rgba(245,88,87,.2);
	box-shadow: 0 3px 6px rgba(245,88,87,.2)
}

.region-1-container .introduction-container .introduction .introduction-list .item .sub-list .sub-item .text {
	max-width: 190px;
	min-height: 40px;
	max-height: 60px;
	line-height: 20px;
	font-size: 14px;
	color: #7086ac;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.region-1-container .introduction-container .introduction .introduction-list .item .information-us-btn {
	width: 238px;
	height: 38px;
	background: #45587a;
	opacity: 1;
	line-height: 38px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	bottom: 40px;
	left: 57px;
	z-index: 10
}

.region-1-container .introduction-container .introduction .introduction-list .item .information-us-btn .information-us-btn-a {
	width: 223px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #c0cade;
	display: block;
	text-align: center
}

.region-1-container .introduction-container .introduction .introduction-list .item.even {
	background: #001b4d;
	margin-top: 60px
}

.region-1-container .introduction-container .introduction .introduction-list .item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.region-1-container .introduction-container .introduction .introduction-list .item:hover .information-us-btn {
	background: #236ffb
}

.region-1-container .introduction-container .introduction .introduction-list .item:hover .information-us-btn .information-us-btn-a {
	color: #fff
}

.region-1-container .introduction-container .introduction .introduction-list .item:hover .sub-item::after {
	z-index: 1;
	content: " ";
	position: absolute;
	width: 55px;
	height: 13px;
	top: 5px;
	left: 0;
	background: -webkit-gradient(linear,left top,right top,from(rgba(35,111,251,0)),color-stop(47%,rgba(35,111,251,.2)),to(#236ffb));
	background: -webkit-linear-gradient(left,rgba(35,111,251,0) 0,rgba(35,111,251,.2) 47%,#236ffb 100%);
	background: linear-gradient(90deg,rgba(35,111,251,0) 0,rgba(35,111,251,.2) 47%,#236ffb 100%)
}

.region-1-container .introduction-container .introduction .introduction-list .item .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.region-1-container .introduction-container .introduction .introduction-list .last-item {
	margin-right: 0
}

.region-1-container .video-container {
	height: 560px;
	position: relative;
	background-color: #010218
}

.region-1-container .video-container .video-main {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.45)
}

.region-1-container .video-container .video-main2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 200px;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(36%,rgba(0,0,0,0)),color-stop(56%,rgba(0,0,0,.4)),to(#000));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 36%,rgba(0,0,0,.4) 56%,#000 100%);
	background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 36%,rgba(0,0,0,.4) 56%,#000 100%)
}

.region-1-container .video-container .video-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	-o-object-fit: contain;
	object-fit: contain
}

.region-1-container .video-container .publicity {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.region-1-container .video-container .publicity .title {
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 60px;
	color: #fff
}

.region-1-container .video-container .publicity .note {
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	margin-bottom: 26px
}

.region-1-container .video-container .publicity .height-light {
	color: #f9c869
}

.region-1-container .video-container .publicity .qq-advisory-btn {
	display: inline-block;
	width: 204px;
	height: 60px;
	background: #fff;
	-webkit-box-shadow: 0 12px 16px rgba(35,111,251,.16);
	box-shadow: 0 12px 16px rgba(35,111,251,.16);
	opacity: 1;
	border-radius: 2px;
	line-height: 60px;
	text-align: center;
	color: #236ffb;
	font-size: 24px;
	vertical-align: middle
}

.region-1-container .video-container .publicity .hotline {
	display: inline-block;
	width: 360px;
	height: 60px;
	line-height: 58px;
	background: #236ffb;
	-webkit-box-shadow: 0 12px 16px rgba(35,111,251,.16);
	box-shadow: 0 12px 16px rgba(35,111,251,.16);
	opacity: 1;
	border-radius: 2px;
	color: #fff;
	margin-right: 40px;
	font-size: 24px;
	vertical-align: middle
}

.region-1-container .video-container .publicity .hotline .text {
	display: inline-block;
	vertical-align: middle
}

.region-1-container .video-container .publicity .hotline .nub {
	display: inline-block;
	vertical-align: middle;
	font-size: 32px;
	margin-left: 20px;
	font-family: WeChatNumber-151125
}

.region-2-container {
	padding: 90px 0;
	background-color: #010218
}

.region-2-container .classic-case .region-sub-title {
	position: relative;
	text-align: center
}

.region-2-container .classic-case .region-sub-title .btn-row {
	padding-top: 28px
}

.region-2-container .classic-case .show {
	display: block
}

.region-2-container .classic-case .more {
	margin-top: 40px;
	text-align: center
}

.region-3-container {
	padding: 90px 0;
	background-color: #010218
}

.region-3-container .system-container .system .region-sub-title {
	min-height: 25px;
	line-height: 25px;
	font-size: 18px
}

.region-4-container {
	min-width: 1400px;
	padding: 90px 0;
	background-color: #010218;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.region-5-container {
	padding: 90px 0;
	background-color: #010218
}

.region-5-container .industry-info-container.theme-2 .region-title {
	color: #fff
}

.region-5-container .industry-info-container .more {
	text-align: center
}

.region-5-container .industry-info-container .common-btn-2 {
	background: #236ffb;
	-webkit-box-shadow: 0 12px 16px rgba(35,111,251,.16);
	box-shadow: 0 12px 16px rgba(35,111,251,.16);
	color: #fff
}

.region-6-container {
	background-color: #010218
}

.contact-popup-container {
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3)
}

.contact-popup-container .contact-popup-fix {
	width: 580px;
	height: 260px;
	z-index: 1100;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -130px;
	margin-left: -290px
}

.contact-popup-container .contact-popup-fix .contact-popup {
	width: 100%;
	height: 100%;
	position: relative
}

.contact-popup-container .contact-popup-fix .contact-popup .popup {
	width: 100%;
	height: 100%;
	padding: 52px 47px;
	z-index: 1120;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-1 {
	line-height: 1;
	margin-bottom: 4px;
	font-family: AlibabaPuHuiTiR;
	font-size: 22px;
	color: #fff;
	opacity: .6
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-2 {
	line-height: 1;
	margin-bottom: 19px;
	font-family: AlibabaPuHuiTiR;
	font-size: 28px;
	color: #fff;
	opacity: .6
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-3 {
	line-height: 1;
	margin-bottom: 4px;
	font-family: AlibabaPuHuiTiR;
	font-size: 28px;
	color: #fff
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-4 {
	line-height: 1;
	margin-bottom: 29px;
	font-family: AlibabaPuHuiTiB;
	font-size: 28px;
	color: #fff;
	font-weight: 700
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-5 {
	line-height: 1;
	font-family: AlibabaPuHuiTiR;
	font-size: 22px;
	color: #fff;
	opacity: .6
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .text-6 {
	line-height: 1;
	font-family: AlibabaPuHuiTiM;
	font-size: 24px;
	color: #fff
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode {
	width: 148px;
	height: 148px;
	padding: 5px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 78px;
	right: 46px
}

.contact-popup-container .contact-popup-fix .contact-popup .popup .wxqrcode .icon {
	width: 100%;
	height: 100%
}

.contact-popup-container .contact-popup-fix .contact-popup .bg {
	width: 100%;
	height: 100%;
	z-index: 1110;
	position: absolute;
	top: 0;
	left: 0
}

.contact-popup-container .contact-popup-fix .contact-popup .close {
	width: 50px;
	height: 50px;
	z-index: 1130;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0
}

.contact-popup-container .contact-popup-fix .contact-popup .close .icon {
	width: 13px;
	height: 13px;
	position: relative;
	top: 14px;
	right: -25px
}

.contact-popup-container-2 .contact-popup-fix .contact-popup {
	background-color: #fff
}

.contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-1 {
	color: #191c3d;
	opacity: 1
}

.contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-2 {
	color: #191c3d;
	opacity: 1
}

.contact-popup-container-2 .contact-popup-fix .contact-popup .popup .text-7 {
	line-height: 1;
	margin-bottom: 5px;
	font-family: AlibabaPuHuiTiR;
	font-size: 28px;
	color: #236ffb
}

.strength-container {
	padding: 90px 0;
	position: relative;
	z-index: 2;
	height: 832px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff
}

.strength-container .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	-o-object-fit: cover;
	object-fit: cover
}

.strength-container .region-sub-title {
	line-height: 1.2
}

.strength-container .region-desc {
	margin-top: 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(112,159,246,.2);
	opacity: 1;
	border-radius: 4px;
	padding: 0 21px;
	color: #fff;
	white-space: pre-wrap;
	color: #fff;
	font-size: 16px;
	line-height: 26px
}

.strength-container .btn-row {
	margin-top: 28px;
	text-align: center
}

.strength-container .btn-row .btn {
	width: 260px;
	height: 54px;
	line-height: 54px;
	font-size: 22px
}

.strength-container .btn-row .btn-2 {
	margin: 0 128.5px
}

.strength-container .btn-row .active:hover {
	color: #fff
}

.certification-container {
	background-color: #010218;
	padding: 140px 0
}

.certification-container .certification {
	position: relative
}

.certification-container .certification img {
	width: 100%
}

.certification-container .certification .block {
	position: absolute;
	width: 390px;
	top: 0;
	left: 0
}

.certification-container .certification .block .block-title {
	line-height: 77px;
	margin-right: 30px;
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	color: #fff
}

.certification-container .certification .block .block-num {
	line-height: 77px;
	font-size: 60px;
	font-family: WeChatNumber-151125;
	font-weight: 500;
	color: #236ffb
}

.certification-container .certification .block .block-num span {
	font-size: 42px
}

.certification-container .certification .block .block-desc {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 26px;
	color: #979eaa
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.industry-info-list-box .industry-info-list-item {
	float: left
}

.fl.middle,.industry-info-list-box .middle.industry-info-list-item {
	height: 100%
}

.fl.middle::before,.industry-info-list-box .middle.industry-info-list-item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.industry-info-list .item .item-a .title,.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.theme-2 .industry-info-list-box .industry-info-list-item .industry-info-list .item .item-a {
	height: 56px;
	line-height: 56px;
	background-color: #0b182d
}

.theme-2 .industry-info-list-box .industry-info-list-item .industry-info-list .item .item-a::after {
	width: 15px;
	height: 15px;
	content: " ";
	background: url(../image/arrow.png);
	background-size: 15px 15px
}

.theme-2 .industry-info-list-box .industry-info-list-item .industry-info-list .item .item-a .title {
	color: #c0cade;
	font-weight: 400
}

.industry-info-list-box {
	margin-top: 70px;
	margin-bottom: 38px
}

.industry-info-list-box .industry-info-list-item {
	width: 446px;
	margin-right: 31px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.industry-info-list-box .industry-info-list-item:nth-child(3n) {
	margin-right: 0
}

.industry-info-list-box .industry-info-list-item .card {
	width: 100%;
	height: 149px;
	margin-bottom: 30px;
	padding: 43px 24px;
	border-radius: 8px;
	-webkit-box-shadow: 0 10px 30px 0 rgba(35,35,35,.18);
	box-shadow: 0 10px 30px 0 rgba(35,35,35,.18);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.industry-info-list-box .industry-info-list-item .card .text {
	width: 65px;
	padding-bottom: 6px;
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 32px;
	color: #fff;
	font-family: MicrosoftYaHeiLight!important;
	border-bottom: 3px solid #fff;
	z-index: 5;
	position: relative
}

.industry-info-list-box .industry-info-list-item .card .cover {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	display: block;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0
}

.industry-info-list-box .industry-info-list-item-2 .card .text {
	width: 100px
}

.industry-info-list .item {
	margin-bottom: 22px;
	display: inline-block
}

.industry-info-list .item .item-a {
	width: 446px;
	height: 60px;
	line-height: 60px;
	padding: 0 18px;
	padding-right: 70px;
	background-color: #f6f8fb;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative
}

.industry-info-list .item .item-a:hover .title {
	color: #236ffb
}

.industry-info-list .item .item-a:hover .date {
	color: #236ffb
}

.industry-info-list .item .item-a:hover .icon-2 {
	z-index: 6
}

.industry-info-list .item .item-a::after {
	width: 15px;
	height: 15px;
	content: " ";
	background: transparent url(../image/7.png) center center no-repeat;
	background-size: 15px 15px;
	position: absolute;
	top: 22px;
	right: 16px
}

.industry-info-list .item .item-a .title {
	max-width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.industry-info-list .item .item-a .date {
	line-height: 1;
	font-size: 16px;
	color: #515d71
}

.industry-info-list .item .item-a .icon {
	height: 15px;
	z-index: 5;
	position: absolute;
	top: 32px;
	right: 19px
}

.industry-info-list .item .item-a .icon-2 {
	z-index: 4
}

.industry-info-container.theme-2 .industry-info .region-title {
	color: #fff
}

.industry-info-container.theme-2 .industry-info .more .common-btn-2 {
	background-color: #236ffb;
	color: #fff
}

.industry-info-container .more {
	margin: 0 auto;
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.introduction-title-container {
	background: #010218
}

.introduction-title-container .introduction-title {
	padding-top: 70px;
	padding-bottom: 40px
}

.introduction-title-container .introduction-title .about {
	height: 62px;
	font-size: 62px;
	font-family: Source Han Sans CN;
	font-weight: 700;
	line-height: 25px;
	color: #121f36;
	opacity: 1
}

.introduction-title-container .introduction-title .big {
	height: 52px;
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	opacity: 1;
	margin-top: -34px
}

.introduction-title-container .introduction-title .wall {
	width: 100%
}

.introduction-title-container .introduction-title .note {
	line-height: 24px;
	font-size: 16px;
	color: #979eaa;
	opacity: .9;
	white-space: pre-wrap
}

.introduction-title-container .introduction-title .note .highlight {
	color: #236ffb
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

.Iot-development-container {
	background-color: #010218
}

.Iot-development-container .development-case {
	margin-bottom: 180px
}

.Iot-development-container .system {
	margin-bottom: 160px
}

.Iot-development-container .methodology-container {
	margin-bottom: 120px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.is-make-money-container .list .item {
	float: left
}

.fl.middle,.is-make-money-container .list .middle.item {
	height: 100%
}

.fl.middle::before,.is-make-money-container .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.is-make-money-container {
	padding: 90px 0;
	background-color: #f8fafc
}

.is-make-money-container .region-title {
	margin-bottom: 60px
}

.is-make-money-container .list .item {
	width: 426px;
	height: 400px;
	margin-right: 60px;
	padding-top: 40px;
	text-align: center;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 10px 0 rgba(35,111,251,.17);
	box-shadow: 0 4px 10px 0 rgba(35,111,251,.17)
}

.is-make-money-container .list .item:nth-child(3n) {
	margin-right: 0
}

.is-make-money-container .list .item .text-box .text-1 {
	margin-bottom: 15px;
	font-family: AlibabaPuHuiTiB;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.is-make-money-container .list .item .text-box .text-2 {
	margin-bottom: 40px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #191c3d
}

.is-make-money-container .list .item .cover-box {
	width: 269px;
	height: 230px;
	background-color: #fff;
	overflow: hidden;
	display: inline-block
}

.is-make-money-container .list .item .cover-box .cover {
	width: 268px;
	height: 230px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.keyword-massive-container .keyword-massive .box .left,.keyword-massive-container .keyword-massive .box .right,.keyword-massive-container .keyword-massive .box .right .list .item,.keyword-massive-container .keyword-massive .box .right .list .item .icon-box,.keyword-massive-container .keyword-massive .box .right .list .item .text-box {
	float: left
}

.fl.middle,.keyword-massive-container .keyword-massive .box .middle.left,.keyword-massive-container .keyword-massive .box .middle.right,.keyword-massive-container .keyword-massive .box .right .list .item .middle.icon-box,.keyword-massive-container .keyword-massive .box .right .list .item .middle.text-box,.keyword-massive-container .keyword-massive .box .right .list .middle.item {
	height: 100%
}

.fl.middle::before,.keyword-massive-container .keyword-massive .box .middle.left::before,.keyword-massive-container .keyword-massive .box .middle.right::before,.keyword-massive-container .keyword-massive .box .right .list .item .middle.icon-box::before,.keyword-massive-container .keyword-massive .box .right .list .item .middle.text-box::before,.keyword-massive-container .keyword-massive .box .right .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.keyword-massive-container .keyword-massive .box .right .list .item .text-box .title,.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.keyword-massive-container .keyword-massive .box .right .list .item .text-box .des,.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.keyword-massive-container {
	padding: 90px 0;
	background-color: #fff
}

.keyword-massive-container .keyword-massive .region-title {
	margin-bottom: 52px
}

.keyword-massive-container .keyword-massive .box .left {
	width: 700px;
	height: 531px;
	margin-right: 40px
}

.keyword-massive-container .keyword-massive .box .left .cover {
	width: 700px
}

.keyword-massive-container .keyword-massive .box .right {
	width: 644px;
	height: 531px
}

.keyword-massive-container .keyword-massive .box .right .list {
	padding-top: 58px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.keyword-massive-container .keyword-massive .box .right .list .item {
	width: 50%;
	margin-bottom: 90px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.keyword-massive-container .keyword-massive .box .right .list .item:nth-child(2n) {
	padding-left: 20px
}

.keyword-massive-container .keyword-massive .box .right .list .item .icon-box {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: left
}

.keyword-massive-container .keyword-massive .box .right .list .item .icon-box .icon {
	width: 75px;
	display: inline-block
}

.keyword-massive-container .keyword-massive .box .right .list .item .text-box {
	width: 200px;
	height: 80px;
	margin-left: 10px
}

.keyword-massive-container .keyword-massive .box .right .list .item .text-box .title {
	height: 25px;
	line-height: 25px;
	margin-bottom: 10px;
	font-family: AlibabaPuHuiTiB;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.keyword-massive-container .keyword-massive .box .right .list .item .text-box .des {
	height: 40px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	line-height: 20px;
	color: #999
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.keyword-paping-container .xxx-region-service-container {
	background-color: #f8fafc
}

.keyword-paping-container .xxx-selling-point-container {
	background-color: #f6f8fb
}

.keyword-paping-container .miniapp-region-system-container {
	padding: 90px 0
}

.keyword-paping-container .xxx-case-presentation-container .xxx-case-presentation .region-sub-title {
	margin-bottom: 60px
}

.keyword-paping-container .xxx-case-presentation-container .xxx-case-presentation .more {
	padding-top: 36px;
	text-align: center
}

.keyword-paping-container .miniapp-region-strength-container {
	background-color: #fff
}

.keyword-paping-container .keyword-paping-region-strength-container {
	background-color: #fff
}

.keyword-paping-container .xxx-region-service-container {
	padding: 33px 0 0
}

.keyword-paping-container .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box {
	margin-top: 26px
}

.keyword-paping-container .xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box .small {
	width: 150px;
	line-height: 18px;
	margin-top: 8px
}

.long-term-customers-container .long-term-customers img {
	display: block;
	width: 100%
}

/*@media screen and (max-width:1400px) {
	::-moz-selection {
		color: #fff;
		background: #4a85f3
	}

	::selection {
		color: #fff;
		background: #4a85f3
	}

	.f-w-b {
		font-weight: 700
	}

	.clearfix::before {
		content: "";
		display: block;
		clear: both
	}

	.fl,.w-1200 .case-presentation-list .item,.w-1200 .classic-case-list .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item,.w-1200 .industry-info-list-box .industry-info-list-item,.w-1200 .our-experience-container .our-experience .list .item,.w-1200 .quick-ranking-container .quick-ranking .box .left,.w-1200 .recommend-package .list .item .box .sub-list .sub-list-item,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .item {
		float: left
	}

	.fl.middle,.w-1200 .case-presentation-list .middle.item,.w-1200 .classic-case-list .middle.item,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item,.w-1200 .industry-info-list-box .middle.industry-info-list-item,.w-1200 .our-experience-container .our-experience .list .middle.item,.w-1200 .quick-ranking-container .quick-ranking .box .middle.left,.w-1200 .recommend-package .list .item .box .sub-list .middle.sub-list-item,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .middle.item {
		height: 100%
	}

	.fl.middle::before,.w-1200 .case-presentation-list .middle.item::before,.w-1200 .classic-case-list .middle.item::before,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .middle.item::before,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .middle.item::before,.w-1200 .industry-info-list-box .middle.industry-info-list-item::before,.w-1200 .our-experience-container .our-experience .list .middle.item::before,.w-1200 .quick-ranking-container .quick-ranking .box .middle.left::before,.w-1200 .recommend-package .list .item .box .sub-list .middle.sub-list-item::before,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .middle.item::before {
		content: " ";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}

	.fr,.w-1200 .keyword-massive-container .keyword-massive .box .right,.w-1200 .quick-ranking-container .quick-ranking .box .right {
		float: right
	}

	.fr.middle,.w-1200 .keyword-massive-container .keyword-massive .box .middle.right,.w-1200 .quick-ranking-container .quick-ranking .box .middle.right {
		height: 100%
	}

	.fr.middle::before,.w-1200 .keyword-massive-container .keyword-massive .box .middle.right::before,.w-1200 .quick-ranking-container .quick-ranking .box .middle.right::before {
		content: " ";
		display: inline-block;
		vertical-align: middle;
		height: 100%
	}

	.p-fl {
		position: absolute;
		top: 0;
		left: 0
	}

	.p-fr {
		position: absolute;
		top: 0;
		right: 0
	}

	.cursor {
		cursor: pointer
	}

	.line-clamp-multi-1 {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all!important
	}

	.line-clamp-multi-2 {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all
	}

	.line-clamp-multi-3 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all
	}

	.line-clamp-multi-4 {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all
	}

	.line-clamp-multi-5 {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all
	}

	.region-title {
		line-height: 1;
		margin-bottom: 16px;
		font-size: 40px;
		color: #191c3d;
		text-align: center;
		position: relative
	}

	.region-title .highlight {
		color: #236ffb
	}

	.region-sub-title {
		min-height: 40px;
		line-height: 40px;
		font-size: 18px;
		color: #999;
		text-align: center
	}

	.region-sub-title .space {
		margin: 0 10px
	}

	.region-sub-title .highlight {
		color: #236ffb
	}

	.region-note {
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		line-height: 36px;
		color: #979eaa;
		text-align: center
	}

	.text-center {
		text-align: center
	}

	.package-price {
		height: 28px;
		line-height: 32px;
		padding-left: 14px;
		font-family: WeChatNumber-151125;
		font-size: 24px;
		color: #ff0137;
		font-weight: 700;
		display: inline-block;
		vertical-align: middle;
		position: relative
	}

	.package-price::before {
		width: 16px;
		height: 16px;
		line-height: 16px;
		content: "￥";
		font-size: 16px;
		color: #ff0137;
		font-weight: 400;
		position: absolute;
		bottom: 1px;
		left: 0
	}

	.package-unit {
		height: 28px;
		line-height: 34px;
		font-family: AlibabaPuHuiTiR;
		font-size: 16px!important;
		color: #515d71;
		position: relative;
		display: inline-block;
		vertical-align: middle
	}

	.original-price {
		height: 16px;
		line-height: 1;
		font-size: 14px;
		color: #999;
		text-decoration: line-through
	}

	.w-1200 #common-navigation-bar .nav-bar-container .nav-bar,.w-1200 #common-navigation-bar .top-row-container .top-row,.w-1200 .advisory-container .advisory,.w-1200 .beautiful-template-container .beautiful-template,.w-1200 .build-industry-container .build-industry,.w-1200 .buy-on-demand-container .buy-on-demand,.w-1200 .case-presentation-list,.w-1200 .charge-transparent-container .charge-transparent,.w-1200 .classic-case-list,.w-1200 .committed-to-container .committed-to,.w-1200 .common-problem-container .common-problem,.w-1200 .dominant-screen-advantage-container .dominant-screen-advantage,.w-1200 .footer-container .footer .footer-bar-list-container .footer-bar-list,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list,.w-1200 .highlights-container .highlights,.w-1200 .industry-info-container .industry-info .industry-info-list-box,.w-1200 .introduction-container .introduction,.w-1200 .is-make-money-container .is-make-money,.w-1200 .keyword-massive-container .keyword-massive,.w-1200 .multiindustry-container .multiindustry,.w-1200 .new-introduction-container .introduction,.w-1200 .our-experience-container .our-experience,.w-1200 .package-list,.w-1200 .quick-ranking-container .quick-ranking,.w-1200 .raiders-container .raiders,.w-1200 .recommend-package,.w-1200 .seo-features-container .seo-features,.w-1200 .service-process-container .service-process,.w-1200 .substation-common-navigation-bar .top-row-container .top-row,.w-1200 .system-container .system,.w-1200 .why-me-container .why-me,.w-1200 .xxx-industry-container .xxx-industry,.w-1200 .xxx-selling-point-container .xxx-selling-point,.w1200pd {
		padding-right: 20px;
		padding-left: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.mw1200,.w-1200 .advisory-container,.w-1200 .footer-container,.w-1200 .index-swiper .index-swiper-container,.w-1200 .introduction-container,.w-1200 .multiindustry-container,.w-1200 .new-introduction-container,.w-1200 .region-1-container,.w-1200 .region-4-container {
		min-width: 1200px
	}

	.w-1200 .common-box {
		width: 1200px!important
	}

	.w-1200 #common-navigation-bar.navigation-type-1 {
		min-width: 1200px!important
	}

	.w-1200 #common-navigation-bar.substation-common-navigation-bar {
		min-width: 1200px!important
	}

	.w-1200 #common-navigation-bar .top-row-container {
		min-width: 1200px!important
	}

	.w-1200 #common-navigation-bar .nav-bar-container {
		min-width: 1200px!important
	}

	.w-1200 #common-navigation-bar .nav-bar-container .nav-bar .nav-bar-list .item {
		padding: 0 18px
	}

	.w-1200 #common-navigation-bar .nav-bar-container .nav-bar .nav-bar-list .item::after {
		width: 70px
	}

	.w-1200 .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide {
		min-width: 1200px
	}

	.w-1200 .case-presentation-list .introduction-container .introduction .item,.w-1200 .classic-case-list .introduction-container .introduction .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .introduction-container .introduction .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .introduction-container .introduction .item,.w-1200 .industry-info-list-box .introduction-container .introduction .industry-info-list-item,.w-1200 .introduction-container .introduction .case-presentation-list .item,.w-1200 .introduction-container .introduction .classic-case-list .item,.w-1200 .introduction-container .introduction .fl,.w-1200 .introduction-container .introduction .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.w-1200 .introduction-container .introduction .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item,.w-1200 .introduction-container .introduction .industry-info-list-box .industry-info-list-item,.w-1200 .introduction-container .introduction .our-experience-container .our-experience .list .item,.w-1200 .introduction-container .introduction .quick-ranking-container .quick-ranking .box .left,.w-1200 .introduction-container .introduction .recommend-package .list .item .box .sub-list .sub-list-item,.w-1200 .introduction-container .introduction .worry-free-service-container .worry-free-service .worry-free-list .item,.w-1200 .our-experience-container .our-experience .list .introduction-container .introduction .item,.w-1200 .quick-ranking-container .quick-ranking .box .introduction-container .introduction .left,.w-1200 .recommend-package .list .item .box .sub-list .introduction-container .introduction .sub-list-item,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .introduction-container .introduction .item {
		max-width: 680px
	}

	.w-1200 .introduction-container .introduction .introduction-list .item {
		width: 25%
	}

	.w-1200 .introduction-container .introduction .introduction-list .item:hover .sub-item::after {
		width: 30px
	}

	.w-1200 .introduction-container .introduction .introduction-list .item .card {
		overflow: hidden
	}

	.w-1200 .introduction-container .introduction .introduction-list .item .card .name {
		margin-left: 25px
	}

	.w-1200 .introduction-container .introduction .introduction-list .item .card .icon {
		width: 325px;
		height: 80px;
		left: 50%;
		margin-left: -172px
	}

	.w-1200 .introduction-container .introduction .introduction-list .item .sub-list .sub-item {
		padding-left: 50px
	}

	.w-1200 .introduction-container .introduction .introduction-list .item .sub-list .sub-item::before {
		left: 25px
	}

	.w-1200 .introduction-container .introduction .introduction-list .item .information-us-btn {
		width: 223px;
		left: 25px
	}

	.w-1200 .case-presentation-list .new-introduction-container .introduction .item,.w-1200 .classic-case-list .new-introduction-container .introduction .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .new-introduction-container .introduction .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .new-introduction-container .introduction .item,.w-1200 .industry-info-list-box .new-introduction-container .introduction .industry-info-list-item,.w-1200 .new-introduction-container .introduction .case-presentation-list .item,.w-1200 .new-introduction-container .introduction .classic-case-list .item,.w-1200 .new-introduction-container .introduction .fl,.w-1200 .new-introduction-container .introduction .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.w-1200 .new-introduction-container .introduction .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item,.w-1200 .new-introduction-container .introduction .industry-info-list-box .industry-info-list-item,.w-1200 .new-introduction-container .introduction .our-experience-container .our-experience .list .item,.w-1200 .new-introduction-container .introduction .quick-ranking-container .quick-ranking .box .left,.w-1200 .new-introduction-container .introduction .recommend-package .list .item .box .sub-list .sub-list-item,.w-1200 .new-introduction-container .introduction .worry-free-service-container .worry-free-service .worry-free-list .item,.w-1200 .our-experience-container .our-experience .list .new-introduction-container .introduction .item,.w-1200 .quick-ranking-container .quick-ranking .box .new-introduction-container .introduction .left,.w-1200 .recommend-package .list .item .box .sub-list .new-introduction-container .introduction .sub-list-item,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .new-introduction-container .introduction .item {
		margin-right: 27px;
		max-width: 210px
	}

	.w-1200 .case-presentation-list .new-introduction-container .introduction .item:hover .btn.first,.w-1200 .classic-case-list .new-introduction-container .introduction .item:hover .btn.first,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .new-introduction-container .introduction .item:hover .btn.first,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .new-introduction-container .introduction .item:hover .btn.first,.w-1200 .industry-info-list-box .new-introduction-container .introduction .industry-info-list-item:hover .btn.first,.w-1200 .new-introduction-container .introduction .case-presentation-list .item:hover .btn.first,.w-1200 .new-introduction-container .introduction .classic-case-list .item:hover .btn.first,.w-1200 .new-introduction-container .introduction .fl:hover .btn.first,.w-1200 .new-introduction-container .introduction .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item:hover .btn.first,.w-1200 .new-introduction-container .introduction .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item:hover .btn.first,.w-1200 .new-introduction-container .introduction .industry-info-list-box .industry-info-list-item:hover .btn.first,.w-1200 .new-introduction-container .introduction .our-experience-container .our-experience .list .item:hover .btn.first,.w-1200 .new-introduction-container .introduction .quick-ranking-container .quick-ranking .box .left:hover .btn.first,.w-1200 .new-introduction-container .introduction .recommend-package .list .item .box .sub-list .sub-list-item:hover .btn.first,.w-1200 .new-introduction-container .introduction .worry-free-service-container .worry-free-service .worry-free-list .item:hover .btn.first,.w-1200 .our-experience-container .our-experience .list .new-introduction-container .introduction .item:hover .btn.first,.w-1200 .quick-ranking-container .quick-ranking .box .new-introduction-container .introduction .left:hover .btn.first,.w-1200 .recommend-package .list .item .box .sub-list .new-introduction-container .introduction .sub-list-item:hover .btn.first,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .new-introduction-container .introduction .item:hover .btn.first {
		bottom: 12px
	}

	.w-1200 .multiindustry-container .multiindustry .hurdle {
		margin-right: 0
	}

	.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp {
		max-width: 840px
	}

	.w-1200 .case-presentation-list .multiindustry-container .multiindustry .multiindustry-main-warp .item,.w-1200 .classic-case-list .multiindustry-container .multiindustry .multiindustry-main-warp .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .multiindustry-container .multiindustry .multiindustry-main-warp .item,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .multiindustry-container .multiindustry .multiindustry-main-warp .item,.w-1200 .industry-info-list-box .multiindustry-container .multiindustry .multiindustry-main-warp .industry-info-list-item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .case-presentation-list .item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .classic-case-list .item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .fl,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .industry-info-list-box .industry-info-list-item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .our-experience-container .our-experience .list .item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .quick-ranking-container .quick-ranking .box .left,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .recommend-package .list .item .box .sub-list .sub-list-item,.w-1200 .multiindustry-container .multiindustry .multiindustry-main-warp .worry-free-service-container .worry-free-service .worry-free-list .item,.w-1200 .our-experience-container .our-experience .list .multiindustry-container .multiindustry .multiindustry-main-warp .item,.w-1200 .quick-ranking-container .quick-ranking .box .multiindustry-container .multiindustry .multiindustry-main-warp .left,.w-1200 .recommend-package .list .item .box .sub-list .multiindustry-container .multiindustry .multiindustry-main-warp .sub-list-item,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .multiindustry-container .multiindustry .multiindustry-main-warp .item {
		width: 168px
	}

	.w-1200 .classic-case-list .item {
		width: 370px;
		height: 285px;
		margin-right: 25px
	}

	.w-1200 .classic-case-list .item:nth-child(3n) {
		margin-right: 0
	}

	.w-1200 .classic-case-list .item .top {
		width: 370px;
		height: 233px
	}

	.w-1200 .classic-case-list .item .top .card {
		padding: 30px 24px
	}

	.w-1200 .classic-case-list .item .top .card .icon {
		display: none
	}

	.w-1200 .classic-case-list .item .bottom {
		width: 370px
	}

	.w-1200 .system-container .system .system-list .item {
		width: 155px;
		margin-right: 12px
	}

	.w-1200 .system-container .system .system-note-box {
		padding: 37px 20px
	}

	.w-1200 .system-container .system .system-fun .item {
		width: 200px
	}

	.w-1200 .system-container .system .system-fun .item .num {
		width: 160px;
		height: 40px;
		background: #236ffb;
		border-radius: 4px 0 16px 0;
		line-height: 40px;
		font-size: 24px
	}

	.w-1200 .system-container .system .system-fun .item p {
		font-size: 16px
	}

	.w-1200 .system-container .system .system-fun .icon {
		width: 40px
	}

	.w-1200 .strength-swiper-list {
		height: 320px
	}

	.w-1200 .strength-swiper-list .item {
		width: 100%;
		height: 320px
	}

	.w-1200 .strength-swiper-list .item .strength-swiper {
		width: 100%;
		height: 320px;
		position: relative
	}

	.w-1200 .strength-swiper-list .item .strength-swiper .swiper-wrapper {
		width: 100%
	}

	.w-1200 .strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide {
		width: 370px;
		height: 320px
	}

	.w-1200 .strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .cover-box {
		width: 100%;
		height: 278px
	}

	.w-1200 .strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .cover-box .cover {
		width: 100%;
		height: 278px
	}

	.w-1200 .strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .text {
		bottom: 42px
	}

	.w-1200 .industry-info-container .industry-info .industry-info-list-box .industry-info-list-item {
		width: 366px
	}

	.w-1200 .industry-info-container .industry-info .industry-info-list-box .industry-info-list-item .card {
		width: 100%;
		height: 149px
	}

	.w-1200 .industry-info-container .industry-info .industry-info-list-box .industry-info-list {
		width: 366px
	}

	.w-1200 .industry-info-container .industry-info .industry-info-list-box .industry-info-list .item .item-a {
		width: 366px
	}

	.w-1200 .advisory-container .advisory .fix-icon {
		right: 20px
	}

	.w-1200 .footer-container .footer .footer-box-container {
		position: relative
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box {
		position: relative;
		z-index: 5
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-1 {
		margin-right: 53px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-1 .logo-box .logo {
		margin-bottom: 30px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-2 {
		margin-right: 30px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-3 {
		margin-right: 53px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .item-4 {
		margin-right: 54px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list {
		padding-bottom: 16px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item {
		margin-right: 20px
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .item-1 {
		margin-right: 0
	}

	.w-1200 .footer-container .footer .footer-box-container .footer-box .footer-copyright-container .footer-copyright {
		padding: 19px 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.w-1200 .service-container .package-list .item {
		margin-right: 28px!important
	}

	.w-1200 .service-container .package-list .item:nth-child(3n) {
		margin-right: 0!important
	}

	.w-1200.buildstation-container .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .common-box {
		padding-left: 100px
	}

	.w-1200.website-customization-container .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .common-box {
		padding-left: 100px
	}

	.w-1200.app-development-container .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .common-box {
		padding-left: 100px
	}

	.w-1200.keyword-paping-container .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .common-box {
		padding-left: 100px
	}

	.w-1200.miniapp-custom-container .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .common-box {
		padding-left: 100px
	}

	.w-1200.app-development-container .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .common-box {
		padding-left: 100px
	}

	.w-1200 .package-list .item {
		width: 366px
	}

	.w-1200 .package-list .item .line {
		max-width: 306px
	}

	.w-1200 .package-list .item .head {
		overflow: hidden
	}

	.w-1200 .package-list .item .head .text-box {
		padding: 20px 25px 0
	}

	.w-1200 .package-list .item .check-list {
		padding: 20px 28px 0
	}

	.w-1200 .package-list .item .check-list .check-list-item .sub-list .sub-list-item {
		padding-left: 22px
	}

	.w-1200 .package-list .item .price-box {
		padding: 10px 28px 0
	}

	.w-1200 .package-list .item .tips-box {
		padding: 0 28px
	}

	.w-1200 .package-list .item .tips-box .tips-box {
		padding: 10px 0 10px 52px
	}

	.w-1200 .package-list-2 .item .head .text-box {
		padding: 0 25px
	}

	.w-1200 .package-list-2 .item .head .text-box .big {
		line-height: 80px
	}

	.w-1200 .recommend-package .list .item {
		width: 560px;
		margin-right: 40px
	}

	.w-1200 .recommend-package .list .item:nth-child(2n) {
		margin-right: 0
	}

	.w-1200 .recommend-package .list .item .head {
		width: 100%;
		padding: 19px 38px;
		background: #ffe8d7
	}

	.w-1200 .recommend-package .list .item .box {
		padding: 28px 38px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.w-1200 .recommend-package .list .item .box .line {
		width: 100%;
		max-width: 100%
	}

	.w-1200 .recommend-package .list .item .box .sub-list .sub-list-item {
		width: 50%;
		margin-bottom: 15px;
		padding-left: 24px;
		padding-right: 40px
	}

	.w-1200 .recommend-package .list .item .box .bottom {
		left: 35px;
		bottom: 28px
	}

	.w-1200 .recommend-package .list .item .box .bottom .price-row-1 {
		margin-bottom: 10px
	}

	.w-1200 .recommend-package .list .item .box .bottom .price-row-1 .price {
		margin-right: 5px
	}

	.w-1200 .highlights-container {
		padding: 90px 0;
		background-color: #fff
	}

	.w-1200 .keyword-massive-container .keyword-massive .seo-features-container .box .right .list,.w-1200 .quick-ranking-container .quick-ranking .seo-features-container .box .right .list,.w-1200 .seo-features-container .box .fr .list,.w-1200 .seo-features-container .keyword-massive-container .keyword-massive .box .right .list,.w-1200 .seo-features-container .quick-ranking-container .quick-ranking .box .right .list {
		width: 500px
	}

	.w-1200 .keyword-massive-container .keyword-massive .seo-features-container .box .right .list .item:nth-child(2n),.w-1200 .quick-ranking-container .quick-ranking .seo-features-container .box .right .list .item:nth-child(2n),.w-1200 .seo-features-container .box .fr .list .item:nth-child(2n),.w-1200 .seo-features-container .keyword-massive-container .keyword-massive .box .right .list .item:nth-child(2n),.w-1200 .seo-features-container .quick-ranking-container .quick-ranking .box .right .list .item:nth-child(2n) {
		padding-left: 28px
	}

	.w-1200 .common-page-card .card {
		min-width: 1200px;
		width: 1200px!important;
		margin: 0 auto;
		padding: 67px 58px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden
	}

	.w-1200 .common-page-card .card .btn {
		right: 60px
	}

	.w-1200 .common-problem-container .common-problem .box .list {
		width: 550px
	}

	.w-1200 .build-industry-container .industry-info-list-box {
		margin-top: 60px
	}

	.w-1200 .industry-info-list-box .industry-info-list-item {
		width: 366px
	}

	.w-1200 .industry-info-list .item {
		margin-right: 30px
	}

	.w-1200 .industry-info-list .item:nth-child(3n) {
		margin-right: 0
	}

	.w-1200 .industry-info-list .item .item-a {
		width: 366px;
		height: 60px
	}

	.w-1200 .why-me-container .why-me .list .item {
		width: 280px;
		margin-right: 13px
	}

	.w-1200 .why-me-container .why-me .list .item:nth-child(4n) {
		margin-right: 0
	}

	.w-1200 .design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide {
		width: 370px!important
	}

	.w-1200 .design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .cover-box {
		width: 370px
	}

	.w-1200 .design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .cover-box .cover {
		width: 370px
	}

	.w-1200 .design-solution-container .design-solution .design-solution-swiper-container .swiper-wrapper .swiper-slide .text-box {
		width: 370px
	}

	.w-1200 .design-solution-container .design-solution .design-solution-swiper-container .swiper-btn-left {
		left: 20px
	}

	.w-1200 .design-solution-container .design-solution .design-solution-swiper-container .swiper-btn-right {
		right: 20px
	}

	.w-1200 .substation-filter-container .substation-filter {
		padding: 40px 20px 0 20px
	}

	.w-1200 .our-experience-container {
		min-width: 1200px!important
	}

	.w-1200 .our-experience-container .our-experience .list .item {
		width: 174px;
		height: 143px;
		margin-right: 23px;
		margin-bottom: 23px
	}

	.w-1200 .our-experience-container .our-experience .list .item:nth-child(6n) {
		margin-right: 0
	}

	.w-1200 .why-choose-us-to-develop-xxx-container {
		min-width: 1200px!important
	}

	.w-1200 .why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item {
		width: 200px;
		margin-right: 0
	}

	.w-1200 .xxx-case-container {
		min-width: 1200px!important
	}

	.w-1200 .is-make-money-container {
		padding: 90px 0;
		background-color: #f8fafc
	}

	.w-1200 .is-make-money-container .list .item {
		width: 360px;
		margin-right: 40px
	}

	.w-1200 .is-make-money-container .list .item:nth-child(3n) {
		margin-right: 0
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .left {
		width: 550px;
		height: 395px;
		margin-right: 0
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .left .cover {
		width: 550px
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .right {
		width: 597px;
		height: 395px;
		position: relative
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .right .list {
		padding-top: 0;
		padding-right: 0
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .right .list .item {
		width: 50%;
		height: 77px;
		margin-bottom: 85px;
		padding-left: 0;
		position: relative
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .right .list .item:nth-child(2n) {
		padding-left: 0;
		left: 20px
	}

	.w-1200 .quick-ranking-container {
		min-width: 1200px
	}

	.w-1200 .quick-ranking-container::before {
		width: 100%;
		min-width: 1200px;
		height: 113.5px;
		content: " ";
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff
	}

	.w-1200 .quick-ranking-container::after {
		width: 100%;
		min-width: 1200px;
		height: 113.5px;
		content: " ";
		z-index: 1;
		position: absolute;
		top: 113.5px;
		left: 0;
		background-color: #f6f8fb
	}

	.w-1200 .quick-ranking-container .quick-ranking {
		width: 1200px;
		height: 227px
	}

	.w-1200 .quick-ranking-container .quick-ranking .box {
		padding-top: 0;
		padding-left: 0
	}

	.w-1200 .quick-ranking-container .quick-ranking .box .left {
		width: 480px;
		padding-top: 60px
	}

	.w-1200 .quick-ranking-container .quick-ranking .box .right {
		width: 630px;
		padding-top: 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.w-1200 .quick-ranking-container .quick-ranking .box .right>p {
		margin-bottom: 15px
	}

	.w-1200 .buy-on-demand-container .buy-on-demand .list .item {
		width: 373px;
		margin-right: 20px
	}

	.w-1200 .buy-on-demand-container .buy-on-demand .list .item:nth-child(3n) {
		margin-right: 0
	}

	.w-1200 .buy-on-demand-container .buy-on-demand .list .item .item-head {
		width: 100%;
		height: 80px;
		line-height: 80px
	}

	.w-1200 .buy-on-demand-container .buy-on-demand .list .item .item-head .name {
		padding-left: 20px
	}

	.w-1200 .buy-on-demand-container .buy-on-demand .list .item .box-wrap {
		padding: 0 20px
	}

	.w-1200 .committed-to-container {
		min-width: 1200px
	}

	.w-1200 .committed-to-container .committed-to {
		width: 1200px
	}

	.w-1200 .committed-to-container .committed-to .box {
		padding-left: 73px
	}

	.w-1200 .committed-to-container .committed-to .committed-to-btn {
		right: 82px
	}

	.w-1200 .real-customer-case-container {
		padding: 205px 0 0
	}

	.w-1200 .real-customer-case-container .real-customer-case .box {
		padding-top: 60px
	}

	.w-1200 .real-customer-case-container .real-customer-case .box .left {
		width: 308px
	}

	.w-1200 .real-customer-case-container .real-customer-case .box .left .real-customer-case-list {
		width: 308px
	}

	.w-1200 .real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item {
		padding-left: 33px
	}

	.w-1200 .real-customer-case-container .real-customer-case .box .right {
		width: 852px;
		padding: 59px 30px 0
	}

	.w-1200 .flag-container {
		min-width: 1200px
	}

	.w-1200 .flag-container .flag {
		width: 1200px;
		padding-left: 73px
	}

	.w-1200 .flag-container .flag .flag-btn {
		right: 83px
	}

	.w-1200 .xxx-selling-point-container {
		min-width: 1200px
	}

	.w-1200 .xxx-selling-point-container .xxx-selling-point .list .item {
		margin-right: 0
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .nav-list .nav-item {
		margin-right: 30px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container {
		min-width: 1200px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list {
		width: 1200px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card {
		width: 1200px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .template-cover .template-cover-box {
		width: 480px;
		padding: 0 90px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template {
		left: 530px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .des {
		max-width: 613px
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .features-list .features-item {
		margin-right: 0
	}

	.w-1200 .beautiful-template-container .beautiful-template .list-box .second-box-bg-container .second-box-bg .second-box .second-box-list .second-box-item .nav-item-card .sub-nav-template .sub-navtemplate-box .template-right .qrcode-list .qrcode-item {
		margin-right: 44px
	}

	.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .item {
		width: auto;
		width: 190px;
		margin-right: 10px;
		text-align: center
	}

	.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .item:last-child {
		margin-right: 0
	}

	.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .item .text {
		line-height: 1;
		font-family: MicrosoftYaHei;
		font-size: 22px;
		color: #191c3d;
		font-weight: 700;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}

	.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .item .text .text-1 {
		color: #03cd7f
	}

	.w-1200 .case-presentation-list {
		width: 1200px;
		margin: 0 auto
	}

	.w-1200 .case-presentation-list .item {
		width: 260px;
		height: 330px;
		margin-right: 40px;
		margin-bottom: 40px
	}

	.w-1200 .case-presentation-list .item:nth-child(5n) {
		margin-right: 40px
	}

	.w-1200 .case-presentation-list .item:nth-child(4n) {
		margin-right: 0
	}

	.w-1200 .xxx-case-presentation-container {
		min-width: 1200px
	}

	.w-1200 .case-presentation-list .requirements-form-container .requirements-form>.item,.w-1200 .classic-case-list .requirements-form-container .requirements-form>.item,.w-1200 .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .requirements-form-container .requirements-form>.item,.w-1200 .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .requirements-form-container .requirements-form>.item,.w-1200 .industry-info-list-box .requirements-form-container .requirements-form>.industry-info-list-item,.w-1200 .our-experience-container .our-experience .list .requirements-form-container .requirements-form>.item,.w-1200 .quick-ranking-container .quick-ranking .box .requirements-form-container .requirements-form>.left,.w-1200 .recommend-package .list .item .box .sub-list .requirements-form-container .requirements-form>.sub-list-item,.w-1200 .requirements-form-container .case-presentation-list .requirements-form>.item,.w-1200 .requirements-form-container .classic-case-list .requirements-form>.item,.w-1200 .requirements-form-container .footer-container .footer .footer-box-container .footer-box .bottom-list-container .bottom-list .requirements-form>.item,.w-1200 .requirements-form-container .footer-container .footer .footer-box-container .footer-box .friend-links-container .friend-links-list .requirements-form>.item,.w-1200 .requirements-form-container .industry-info-list-box .requirements-form>.industry-info-list-item,.w-1200 .requirements-form-container .our-experience-container .our-experience .list .requirements-form>.item,.w-1200 .requirements-form-container .quick-ranking-container .quick-ranking .box .requirements-form>.left,.w-1200 .requirements-form-container .recommend-package .list .item .box .sub-list .requirements-form>.sub-list-item,.w-1200 .requirements-form-container .requirements-form>.fl,.w-1200 .requirements-form-container .worry-free-service-container .worry-free-service .worry-free-list .requirements-form>.item,.w-1200 .worry-free-service-container .worry-free-service .worry-free-list .requirements-form-container .requirements-form>.item {
		margin-left: 20px
	}

	.w-1200 .keyword-massive-container .keyword-massive .box .requirements-form-container .requirements-form>.right,.w-1200 .quick-ranking-container .quick-ranking .box .requirements-form-container .requirements-form>.right,.w-1200 .requirements-form-container .keyword-massive-container .keyword-massive .box .requirements-form>.right,.w-1200 .requirements-form-container .quick-ranking-container .quick-ranking .box .requirements-form>.right,.w-1200 .requirements-form-container .requirements-form>.fr {
		margin-right: 80px
	}
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.methodology-container .methodology .methodology-list .item {
	float: left
}

.fl.middle,.methodology-container .methodology .methodology-list .middle.item {
	height: 100%
}

.fl.middle::before,.methodology-container .methodology .methodology-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.methodology-container .methodology .methodology-list .item {
	float: left
}

.fl.middle,.methodology-container .methodology .methodology-list .middle.item {
	height: 100%
}

.fl.middle::before,.methodology-container .methodology .methodology-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

.methodology-container.theme-2 .methodology .region-title {
	color: #fff
}

.methodology-container.theme-2 .methodology .region-sub-title {
	color: #979eaa
}

.methodology-container .methodology .methodology-list {
	padding-top: 55px
}

.methodology-container .methodology .methodology-list .item {
	width: 168px;
	height: 350px;
	margin-right: 37px;
	background: #111a2d;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
	z-index: 2;
	padding-top: 1px
}

.methodology-container .methodology .methodology-list .item:last-child {
	margin-right: 0
}

.methodology-container .methodology .methodology-list .item:nth-child(1) .icon {
	width: 84px;
	height: 72px
}

.methodology-container .methodology .methodology-list .item:nth-child(2) .icon {
	width: 82px;
	height: 72px
}

.methodology-container .methodology .methodology-list .item:nth-child(3) .icon {
	width: 74px;
	height: 76px
}

.methodology-container .methodology .methodology-list .item:nth-child(4) .icon {
	width: 81px;
	height: 72px
}

.methodology-container .methodology .methodology-list .item:nth-child(5) .icon {
	width: 72px;
	height: 81px
}

.methodology-container .methodology .methodology-list .item:nth-child(6) .icon {
	width: 81px;
	height: 72px
}

.methodology-container .methodology .methodology-list .item:nth-child(7) .icon {
	width: 81px;
	height: 80px
}

.methodology-container .methodology .methodology-list .item .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none
}

.methodology-container .methodology .methodology-list .item .num {
	width: 81px;
	height: 24px;
	background: #21324f;
	border-radius: 12px 0 12px 0;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	margin: 34px auto 12px;
	color: #7086ac;
	font-weight: 700
}

.methodology-container .methodology .methodology-list .item .title {
	height: 37px;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 25px;
	color: #236ffb;
	text-align: center
}

.methodology-container .methodology .methodology-list .item .note {
	height: 24px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 25px;
	text-align: center;
	color: #c0cade;
	text-shadow: 0 6px 16px rgba(35,111,251,.16);
	margin-bottom: 20px
}

.methodology-container .methodology .methodology-list .item .text p {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 28px;
	color: #8da7d9;
	text-shadow: 0 6px 16px rgba(35,111,251,.16);
	text-align: center
}

.methodology-container .methodology .methodology-list .item .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 84px;
	height: 72px
}

.methodology-container .methodology .methodology-list .item .icon.icon2 {
	display: none
}

.methodology-container .methodology .methodology-list .item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.methodology-container .methodology .methodology-list .item:hover .cover {
	display: block
}

.methodology-container .methodology .methodology-list .item:hover .num {
	background-color: #236ffb;
	color: #fff
}

.methodology-container .methodology .methodology-list .item:hover .title {
	color: #fff
}

.methodology-container .methodology .methodology-list .item:hover .icon.icon2 {
	display: block
}

.methodology-container .methodology .methodology-list .item:hover .icon.icon1 {
	display: none
}

.methodology-container .methodology .mt150 {
	margin-top: 150px
}

.methodology-container .methodology .methodology-note-box {
	margin-top: 58px;
	padding: 37px 54px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background-color: #111a2d
}

.methodology-container .methodology .methodology-note-box .methodology-note {
	position: relative;
	z-index: 10
}

.methodology-container .methodology .methodology-note-box .methodology-note .col {
	margin-bottom: 38px
}

.methodology-container .methodology .methodology-note-box .methodology-note .col:hover .row-1 .highlight {
	background-color: #236ffb
}

.methodology-container .methodology .methodology-note-box .methodology-note .col .row-1 {
	margin-bottom: 16px;
	font-size: 22px;
	color: #236ffb;
	font-weight: 700
}

.methodology-container .methodology .methodology-note-box .methodology-note .col .row-1 .highlight {
	display: inline-block;
	height: 40px;
	background: #1d4ca6;
	opacity: 1;
	border-radius: 16px 4px 16px 4px;
	padding: 0 16px;
	line-height: 40px;
	color: #fff;
	margin-right: 10px
}

.methodology-container .methodology .methodology-note-box .methodology-note .col .row-2 {
	margin-bottom: 7px;
	font-size: 18px;
	color: #7086ac
}

.methodology-container .methodology .methodology-note-box .methodology-note .col .row-3 {
	font-size: 14px;
	color: #999
}

.methodology-container .methodology .methodology-note-box .methodology-note .col-2 {
	margin-bottom: 0
}

.methodology-container .methodology .methodology-note-box .methodology-note-bg {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0
}

.methodology-container .methodology .methodology-note-box .methodology-note-bg .cover {
	width: 100%;
	height: 100%
}

.methodology-container .methodology .more {
	margin-top: 58px;
	text-align: center
}

.methodology-container .methodology .methodology-fun {
	padding-top: 40px
}

.methodology-container .methodology .methodology-fun .item {
	width: 240px;
	height: 190px;
	background: #192540;
	opacity: 1;
	border-radius: 4px;
	float: left;
	position: relative;
	z-index: 2;
	-webkit-transition: all .2s;
	transition: all .2s
}

.methodology-container .methodology .methodology-fun .item:last-child {
	margin-right: 0
}

.methodology-container .methodology .methodology-fun .item .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none
}

.methodology-container .methodology .methodology-fun .item .num {
	width: 212px;
	height: 46px;
	background: #236ffb;
	border-radius: 4px 0 16px 0;
	line-height: 46px;
	font-size: 26px;
	text-align: center;
	line-height: 46px;
	margin: 0 0 20px;
	color: #fff;
	font-weight: 700
}

.methodology-container .methodology .methodology-fun .item p {
	width: 180px;
	height: 72px;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 24px;
	color: #c0cade;
	opacity: 1;
	margin: auto
}

.methodology-container .methodology .methodology-fun .item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)
}

.methodology-container .methodology .methodology-fun .item:hover .cover {
	display: block
}

.methodology-container .methodology .methodology-fun .icon {
	text-align: center;
	width: 50px;
	float: left
}

.methodology-container .methodology .methodology-fun .icon img {
	margin-top: 85px;
	width: 22px;
	height: 43px
}

.methodology-container .methodology .methodology-advantage {
	padding-top: 20px
}

.methodology-container .methodology .methodology-advantage .item {
	width: 20%;
	float: left;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px
}

.methodology-container .methodology .methodology-advantage .item .cover {
	width: 120px;
	height: 120px;
	margin-bottom: 16px
}

.methodology-container .methodology .methodology-advantage .item .title {
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 25px;
	color: #fff;
	margin-bottom: 14px;
	text-align: center
}

.methodology-container .methodology .methodology-advantage .item p {
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 24px;
	color: #979eaa;
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.miniapp-custom-container .miniapp-region-system-container {
	padding: 90px 0
}

.miniapp-custom-container .xxx-case-presentation-container .xxx-case-presentation .region-sub-title {
	margin-bottom: 60px
}

.miniapp-custom-container .xxx-case-presentation-container .xxx-case-presentation .more {
	padding-top: 36px;
	text-align: center
}

.miniapp-custom-container .miniapp-region-strength-container {
	background-color: #fff
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.miniapp-template-container .miniapp-template-index-swiper .swiper-wrapper .swiper-slide {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

.miniapp-template-container .miniapp-template-index-swiper .swiper-wrapper .swiper-slide .text-box {
	padding: 0!important
}

.miniapp-template-container .miniapp-template-index-swiper .swiper-wrapper .swiper-slide .text-box .common-box {
	text-align: center
}

.miniapp-template-container .miniapp-template-index-swiper .swiper-wrapper .swiper-slide .text-box .common-box .small {
	font-family: MicrosoftYaHei;
	font-size: 22px;
	color: #fefefe;
	opacity: .8;
	text-align: center
}

.miniapp-template-container .xxx-selling-point-container {
	background-color: #f6f8fb
}

.miniapp-template-container .miniapp-region-system-container {
	padding: 90px 0
}

.miniapp-template-container .xxx-case-presentation-container .xxx-case-presentation .region-sub-title {
	margin-bottom: 60px
}

.miniapp-template-container .xxx-case-presentation-container .xxx-case-presentation .more {
	padding-top: 36px;
	text-align: center
}

.miniapp-template-container .miniapp-region-strength-container {
	background-color: #fff
}

.miniapp-template-container .footer-bar-list-container {
	display: none
}

.multiindustry-box-bottom-container {
	z-index: 100;
	margin-top: 20px;
	padding: 14px 0 24px;
	width: 100%;
	background-color: #111a2d
}

.multiindustry-box-bottom-container .text-1 {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 400;
	color: #c0cade;
	text-align: center
}

.multiindustry-box-bottom-container .text-1 .heigh-light {
	color: #236ffb
}

.multiindustry-box-bottom-container .text-2 {
	margin-bottom: 15px;
	font-size: 28px;
	font-weight: 700;
	color: #236ffb;
	text-align: center
}

.multiindustry-box-bottom-container .btn-warp {
	text-align: center
}

.multiindustry-box-bottom-container .btn-warp .btn {
	display: inline-block;
	margin-right: 18px;
	padding: 0 14px;
	height: 44px;
	line-height: 44px;
	background: #236ffb;
	border-radius: 2px;
	vertical-align: middle;
	color: #fff;
	font-size: 18px
}

.multiindustry-box-bottom-container .btn-warp .btn .heigh-light {
	margin-left: 5px;
	font-size: 23px;
	font-family: WeChatNumber-151125;
	font-weight: 500;
	font-weight: 700
}

.multiindustry-box-bottom-container .btn-warp .btn.btn-2 {
	margin-right: 0;
	color: #c0cade;
	background-color: #45587a
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.multiindustry-container {
	background: #010218
}

.multiindustry-container .multiindustry {
	padding: 182px 0 150px 0;
	position: relative
}

.multiindustry-container .multiindustry.show-contact .hurdle {
	height: 886px!important
}

.multiindustry-container .multiindustry.show-contact .multiindustry-main-warp {
	height: 886px!important
}

.multiindustry-container .multiindustry .hurdle {
	width: 320px;
	height: 702px;
	margin-right: 40px;
	background: -webkit-gradient(linear,left top,left bottom,from(#021841),to(#00215d));
	background: -webkit-linear-gradient(top,#021841 0,#00215d 100%);
	background: linear-gradient(180deg,#021841 0,#00215d 100%);
	opacity: 1;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 54px 0 0 50px;
	position: relative
}

.multiindustry-container .multiindustry .hurdle .name {
	height: 52px;
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 60px;
	color: #fff;
	margin-bottom: 11px
}

.multiindustry-container .multiindustry .hurdle .note {
	font-size: 40px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	line-height: 60px;
	color: #fff
}

.multiindustry-container .multiindustry .hurdle .dots {
	position: absolute;
	top: 50%
}

.multiindustry-container .multiindustry .hurdle .dots .item {
	margin-bottom: 14px;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 8px
}

.multiindustry-container .multiindustry .hurdle .dots .item:nth-child(1) {
	opacity: 1
}

.multiindustry-container .multiindustry .hurdle .dots .item:nth-child(2) {
	background-color: #707070;
	opacity: .8
}

.multiindustry-container .multiindustry .hurdle .dots .item:nth-child(3) {
	background-color: #707070;
	opacity: .5
}

.multiindustry-container .multiindustry .hurdle .case {
	position: absolute;
	bottom: 62px;
	left: 50px
}

.multiindustry-container .multiindustry .hurdle .case span {
	font-size: 40px;
	font-family: WeChatNumber-151125;
	font-weight: 500;
	line-height: 60px;
	color: #f9c869
}

.multiindustry-container .multiindustry .hurdle .case p {
	font-size: 26px;
	font-family: Microsoft YaHei;
	font-weight: 300;
	line-height: 36px;
	color: #fff
}

.multiindustry-container .multiindustry .multiindustry-main-warp {
	max-width: 1040px;
	height: 702px;
	float: left;
	overflow-y: hidden
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main {
	width: 100%;
	position: relative
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .col {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 208px;
	width: 1px;
	height: 100%;
	background: -webkit-linear-gradient(45deg,rgba(24,43,78,0) 0,rgba(38,57,91,.5) 12%,#223558 49%,rgba(36,54,87,.51) 87%,rgba(24,43,78,0) 100%);
	background: linear-gradient(45deg,rgba(24,43,78,0) 0,rgba(38,57,91,.5) 12%,#223558 49%,rgba(36,54,87,.51) 87%,rgba(24,43,78,0) 100%)
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .col.col-1 {
	left: 208px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .col.col-2 {
	left: 416px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .col.col-3 {
	left: 624px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .col.col-4 {
	left: 832px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .row {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: -webkit-linear-gradient(45deg,rgba(24,43,78,0) 0,rgba(38,57,91,.5) 12%,#223558 49%,rgba(36,54,87,.51) 87%,rgba(24,43,78,0) 100%);
	background: linear-gradient(45deg,rgba(24,43,78,0) 0,rgba(38,57,91,.5) 12%,#223558 49%,rgba(36,54,87,.51) 87%,rgba(24,43,78,0) 100%)
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .row.row-1 {
	top: 234px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .row.row-2 {
	top: 468px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl {
	width: 208px;
	height: 234px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl:hover .bg,.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl:hover .leave {
	display: inline-block
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl .box {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 36px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl .icon {
	width: 110px;
	height: 100px;
	margin-bottom: 8px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl .title {
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 25px;
	color: #fff;
	margin-bottom: 24px
}

.multiindustry-container .multiindustry .multiindustry-main-warp .multiindustry-main .fl .leave {
	width: 30px;
	height: 30px;
	display: none
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-navigation-bar {
	width: 100%;
	z-index: 200;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: absolute;
	top: 0;
	left: 0
}

.common-navigation-bar .navigation-icon-1 {
	display: none!important
}

.common-navigation-bar .navigation-icon-2 {
	display: inline-block!important
}

.common-navigation-bar .top-row-container {
	z-index: 1000;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative
}

.common-navigation-bar .top-row-container .top-row {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #fff
}

.common-navigation-bar .top-row-container .top-row .common-icon {
	margin-right: 5px
}

.common-navigation-bar .top-row-container .top-row .city {
	margin-right: 8px
}

.common-navigation-bar .top-row-container .top-row .space-r {
	margin-right: 24px
}

.common-navigation-bar .top-row-container .top-row span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px
}

.common-navigation-bar .top-row-container .top-row .text {
	color: #fff
}

.common-navigation-bar .top-row-container .top-row .phone-box {
	display: inline-block;
	vertical-align: middle
}

.common-navigation-bar .top-row-container .top-row .phone-box .phone-text {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle
}

.common-navigation-bar .top-row-container .top-row .city-highlight {
	color: #fff;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle
}

.common-navigation-bar .top-row-container .top-row .btn-list {
	text-align: right
}

.common-navigation-bar .top-row-container .top-row .btn-list .item {
	height: 22px;
	line-height: 22px;
	margin-left: 27px;
	text-align: left;
	display: inline-block
}

.common-navigation-bar .top-row-container .top-row .btn-list .item .icon {
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle
}

.common-navigation-bar .top-row-container .top-row .btn-list .item .icon-1 {
	width: 16px;
	height: 22px
}

.common-navigation-bar .top-row-container .top-row .btn-list .item .icon-2 {
	width: 22px;
	height: 18px
}

.common-navigation-bar .top-row-container .top-row .btn-list .item .name {
	font-family: AlibabaPuHuiTiM;
	font-size: 16px;
	color: #fff;
	font-weight: 700
}

.common-navigation-bar .nav-bar-container {
	-webkit-transition: all .3s;
	transition: all .3s
}

.common-navigation-bar .nav-bar-container.theme-2 {
	background-color: red
}

.common-navigation-bar .nav-bar-container.theme-2 .nav-bar .fr .nav-bar-sub-list {
	background-color: #0d1429!important
}

.common-navigation-bar .nav-bar-container.theme-2 .nav-bar .fr .nav-bar-sub-list .sub-item .sub-item-a:hover {
	background-color: #22293e!important
}

.common-navigation-bar .nav-bar-container .nav-bar {
	position: relative
}

.common-navigation-bar .nav-bar-container .nav-bar .fl {
	height: 72px
}

.common-navigation-bar .nav-bar-container .nav-bar .fl .logo {
	height: 33px;
	margin-top: 18px;
	vertical-align: middle
}

.common-navigation-bar .nav-bar-container .nav-bar .fl .logo-1 {
	display: none
}

.common-navigation-bar .nav-bar-container .nav-bar .fl .logo-2 {
	display: inline-block
}

.common-navigation-bar .nav-bar-container .nav-bar .fr {
	height: 72px
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list {
	height: 72px;
	clear: both
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item {
	padding: 0 24px;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item::after {
	content: "";
	width: 80px;
	height: 6px;
	background: #236ffb;
	bottom: 0;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item:hover {
	color: #236ffb
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item:hover::after {
	opacity: 1
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item:hover .nav-bar-sub-list {
	display: block
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .item-a {
	height: 72px;
	line-height: 72px;
	font-size: 16px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	cursor: pointer
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list {
	width: 198px;
	background-color: rgba(0,0,0,.7);
	border-radius: 0 0 2px 2px;
	display: none;
	z-index: 300;
	position: absolute;
	top: 72px;
	left: -25px
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item {
	display: block
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item .sub-item-a {
	height: 44px;
	line-height: 44px;
	padding: 0 25px;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	cursor: pointer
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item .sub-item-a:hover {
	background-color: rgba(0,0,0,.7)
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item-2 {
	width: 108px;
	height: 100%
}

.common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item-2 .item-a {
	width: 108px;
	height: 33px;
	line-height: 33px;
	background-color: #236ffb;
	-webkit-box-shadow: 0 6px 10px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 10px 0 rgba(35,111,251,.2);
	border-radius: 2px;
	text-align: center;
	color: #fff;
	position: relative;
	top: 20px
}

#common-navigation-bar.navigation-type-1,#common-navigation-bar.substation-common-navigation-bar {
	min-width: 1400px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0
}

#common-navigation-bar.navigation-type-1::before,#common-navigation-bar.substation-common-navigation-bar::before {
	min-width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 6px 0 rgba(0,0,0,.2)
}

#common-navigation-bar.navigation-type-1 .top-row-container,#common-navigation-bar.substation-common-navigation-bar .top-row-container {
	min-width: 1400px;
	background-color: #000
}

#common-navigation-bar.navigation-type-1 .top-row-container .navigation-icon-1,#common-navigation-bar.substation-common-navigation-bar .top-row-container .navigation-icon-1 {
	display: inline-block!important
}

#common-navigation-bar.navigation-type-1 .top-row-container .navigation-icon-2,#common-navigation-bar.substation-common-navigation-bar .top-row-container .navigation-icon-2 {
	display: none!important
}

#common-navigation-bar.navigation-type-1 .top-row-container .top-row,#common-navigation-bar.substation-common-navigation-bar .top-row-container .top-row {
	color: #979eaa
}

#common-navigation-bar.navigation-type-1 .top-row-container .top-row .text,#common-navigation-bar.substation-common-navigation-bar .top-row-container .top-row .text {
	color: #979eaa
}

#common-navigation-bar.navigation-type-1 .top-row-container .top-row .phone-box .phone-text,#common-navigation-bar.substation-common-navigation-bar .top-row-container .top-row .phone-box .phone-text {
	color: #979eaa
}

#common-navigation-bar.navigation-type-1 .top-row-container .top-row .phone-text,#common-navigation-bar.substation-common-navigation-bar .top-row-container .top-row .phone-text {
	color: #236ffb
}

#common-navigation-bar.navigation-type-1 .top-row-container .top-row .city-highlight,#common-navigation-bar.substation-common-navigation-bar .top-row-container .top-row .city-highlight {
	color: #236ffb
}

#common-navigation-bar.navigation-type-1 .top-row-container .top-row .btn-list .item .name,#common-navigation-bar.substation-common-navigation-bar .top-row-container .top-row .btn-list .item .name {
	color: #979eaa
}

#common-navigation-bar.navigation-type-1 .nav-bar-container,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container {
	background-color: #010218
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fl .logo-1,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fl .logo-1 {
	display: inline-block
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fl .logo-2,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fl .logo-2 {
	display: none
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list {
	background-color: #010218
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .navigation-icon-1,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .navigation-icon-1 {
	display: inline-block!important
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .navigation-icon-2,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .navigation-icon-2 {
	display: none!important
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item .item-a,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .item-a {
	color: #fff
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item.active .item-a,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item.active .item-a {
	color: #236ffb
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item.active::after,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item.active::after {
	opacity: 1
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item:hover .item-a,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item:hover .item-a {
	color: #236ffb
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list {
	background-color: #fff
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item .sub-item-a,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item .sub-item-a {
	color: #979eaa
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item .sub-item-a:hover,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list .sub-item .sub-item-a:hover {
	background-color: #f6f8fb
}

#common-navigation-bar.navigation-type-1 .nav-bar-container .nav-bar .fr .nav-bar-list .item-2 .item-a,#common-navigation-bar.substation-common-navigation-bar .nav-bar-container .nav-bar .fr .nav-bar-list .item-2 .item-a {
	color: #fff
}

#common-navigation-bar.substation-common-navigation-bar {
	background: 0 0!important
}

#common-navigation-bar.substation-common-navigation-bar:hover {
	background: 0 0!important
}

#common-navigation-bar.substation-common-navigation-bar::before {
	display: none
}

#common-navigation-bar.substation-common-navigation-bar.common-navigation-bar-scroll {
	position: absolute!important
}

.substation-navigation-bar-placeholder {
	height: 60px
}

#common-navigation-bar.common-navigation-bar-scroll {
	width: 100%!important;
	position: absolute!important
}

#common-navigation-bar {
	width: 100%!important
}

#common-navigation-bar.common-navigation-bar-auto {
	width: 100%!important
}

#common-navigation-bar.common-navigation-bar-auto .top-row-container {
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#common-navigation-bar.common-navigation-bar-auto .nav-bar-container {
	width: 100%!important
}

#common-navigation-bar.common-navigation-bar-auto .nav-bar-container .nav-bar {
	width: 100%!important
}

#common-navigation-bar.common-navigation-bar-auto .nav-bar-container .nav-bar .fl {
	width: 100%!important;
	float: none!important;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#common-navigation-bar.common-navigation-bar-auto .nav-bar-container .nav-bar .fr {
	width: 100%!important;
	height: auto;
	float: none!important
}

#common-navigation-bar.common-navigation-bar-auto .nav-bar-container .nav-bar .fr .nav-bar-list {
	height: auto;
	clear: both
}

#common-navigation-bar.common-navigation-bar-auto .nav-bar-container .nav-bar .fr .nav-bar-list .item .nav-bar-sub-list {
	z-index: 1000;
	position: absolute;
	top: 72px;
	left: 0
}

.new-introduction-container {
	background: #090c1d
}

.new-introduction-container .introduction {
	padding-top: 35px;
	padding-bottom: 35px
}

.new-introduction-container .introduction .fl {
	max-width: 240px;
	height: auto;
	margin-right: 50px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	cursor: pointer
}

.new-introduction-container .introduction .fl:hover .text {
	top: 28%
}

.new-introduction-container .introduction .fl:hover .btn {
	bottom: 16px
}

.new-introduction-container .introduction .fl:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.new-introduction-container .introduction .fl img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s;
	transition: all .5s
}

.new-introduction-container .introduction .fl .text {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 700;
	line-height: 24px;
	width: 100%;
	color: #fff;
	text-align: center;
	white-space: pre;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all .2s;
	transition: all .2s
}

.new-introduction-container .introduction .fl .text .l {
	margin: 0;
	line-height: 1
}

.new-introduction-container .introduction .fl .btn {
	width: 147px;
	height: 30px;
	background: #236ffb;
	-webkit-box-shadow: 0 3px 6px rgba(35,111,251,.3);
	box-shadow: 0 3px 6px rgba(35,111,251,.3);
	opacity: 1;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -30px;
	text-align: center;
	line-height: 30px
}

.new-introduction-container .introduction .fl.mr0 {
	margin-right: 0
}

.new-introduction-container .introduction .fl .box {
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 30px;
	width: 100%;
	height: 110px;
	text-align: center
}

.new-introduction-container .introduction .fl .box .name {
	margin-bottom: 10px;
	line-height: 1;
	font-size: 20px;
	font-weight: 700;
	color: #fff
}

.new-introduction-container .introduction .fl .box .sub {
	line-height: 1;
	font-size: 20px;
	font-weight: 400;
	color: #c0cade
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

.offer-container {
	background-color: #010218
}

.offer-container .offer-bg {
	position: relative;
	top: -120px
}

.offer-container .offer-bg .bg {
	width: 100%
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.our-experience-container .our-experience .list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.our-experience-container .our-experience .list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.our-experience-container .our-experience .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl,.our-experience-container .our-experience .list .item {
	float: left
}

.classic-case-list .middle.item,.fl.middle,.our-experience-container .our-experience .list .middle.item {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before,.our-experience-container .our-experience .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.our-experience-container {
	min-width: 1400px;
	padding: 90px 0;
	background-color: #f6f8fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.our-experience-container .our-experience {
	position: relative
}

.our-experience-container .our-experience .region-title {
	margin-bottom: 60px
}

.our-experience-container .our-experience .list .item {
	width: 214px;
	height: 176px;
	margin-right: 23px;
	margin-bottom: 23px
}

.our-experience-container .our-experience .list .item:nth-child(6n) {
	margin-right: 0
}

.our-experience-container .our-experience .list .item .icon {
	width: 100%;
	height: 100%
}

.our-experience-container .our-experience .btn-row {
	padding-top: 37px;
	text-align: center
}

.our-experience-container .our-experience .btn-row .btn {
	width: 240px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.package-list .item,.recommend-package .list .item,.recommend-package .list .item .box .sub-list .sub-list-item {
	float: left
}

.fl.middle,.package-list .middle.item,.recommend-package .list .item .box .sub-list .middle.sub-list-item,.recommend-package .list .middle.item {
	height: 100%
}

.fl.middle::before,.package-list .middle.item::before,.recommend-package .list .item .box .sub-list .middle.sub-list-item::before,.recommend-package .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.package-list .item .price-box .fr .bottom-btn,.service-btn {
	width: 111px;
	height: 36px;
	line-height: 36px;
	background-color: #ff0137;
	border-radius: 2px;
	text-align: center;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.line {
	max-width: 347px;
	height: 1;
	margin: 0 auto 10px;
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.package-list {
	margin-bottom: 56px
}

.package-list .item {
	width: 435px;
	margin-right: 44px;
	padding-bottom: 24px;
	background-color: #fff;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	-webkit-box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	box-shadow: 0 4px 4px 0 rgba(35,111,251,.08)
}

.package-list .item:nth-child(3n) {
	margin-right: 0
}

.package-list .item:hover {
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12)
}

.package-list .item:hover .head .text-box .big {
	color: #236ffb
}

.package-list .item .line {
	max-width: 347px;
	height: 1;
	margin: 0 auto 10px;
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5
}

.package-list .item .head {
	height: 80px;
	position: relative
}

.package-list .item .head .text-box {
	padding: 20px 48px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	position: relative
}

.package-list .item .head .text-box .big {
	line-height: 1;
	margin-bottom: 8px;
	font-family: AlibabaPuHuiTiM;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.package-list .item .head .text-box .big .tag {
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 22px;
	line-height: 22px;
	margin-left: 2px;
	background-color: #ff5a5a;
	-webkit-box-shadow: 0 4px 10px 0 rgba(255,90,90,.2);
	box-shadow: 0 4px 10px 0 rgba(255,90,90,.2);
	border-radius: 4px;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-weight: initial
}

.package-list .item .head .text-box .big .tag-2 {
	background-color: #236ffb;
	-webkit-box-shadow: 0 4px 10px 0 rgba(35,111,251,.2);
	box-shadow: 0 4px 10px 0 rgba(35,111,251,.2)
}

.package-list .item .head .text-box .small {
	line-height: 1;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #515d71
}

.package-list .item .head .cover {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0
}

.package-list .item .check-list {
	padding: 20px 48px 0
}

.package-list .item .check-list .check-list-item {
	margin-bottom: 26px
}

.package-list .item .check-list .check-list-item:last-child {
	margin-bottom: 0
}

.package-list .item .check-list .check-list-item .title {
	line-height: 1;
	font-size: 18px;
	color: #191c3d;
	position: relative
}

.package-list .item .check-list .check-list-item .title .title-fix {
	position: absolute;
	right: 0;
	bottom: -2px
}

.package-list .item .check-list .check-list-item .sub-list .sub-list-item {
	height: 18px;
	line-height: 18px;
	margin-bottom: 14px;
	padding-left: 22px;
	position: relative;
	font-size: 16px;
	color: #999
}

.package-list .item .check-list .check-list-item .sub-list .sub-list-item::before {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: solid 3px #c4c4c4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: " ";
	position: absolute;
	top: 4px;
	left: 0
}

.package-list .item .check-list .check-list-item .sub-list .active {
	font-size: 16px;
	color: #515d71
}

.package-list .item .check-list .check-list-item .sub-list .active::before {
	border-color: #236ffb
}

.package-list .item .check-list .check-list-item .sub-list .highlight {
	color: #236ffb
}

.package-list .item .check-list .check-list-item-1 {
	min-height: 210px
}

.package-list .item .check-list .check-list-item-2 {
	min-height: 350px
}

.package-list .item .check-list .check-list-item-3 {
	min-height: 135px
}

.package-list .item .price-box {
	margin-bottom: 21px;
	padding: 10px 48px 0
}

.package-list .item .price-box .fl .text-box span,.package-list .item .price-box .item .text-box span,.package-list .recommend-package .list .item .box .sub-list .price-box .sub-list-item .text-box span,.package-list .recommend-package .list .item .price-box .box .sub-list .sub-list-item .text-box span,.recommend-package .list .package-list .item .box .sub-list .price-box .sub-list-item .text-box span,.recommend-package .list .package-list .item .price-box .box .sub-list .sub-list-item .text-box span {
	display: inline-block;
	vertical-align: text-bottom
}

.package-list .item .price-box .fl .text-box .price,.package-list .item .price-box .item .text-box .price,.package-list .recommend-package .list .item .box .sub-list .price-box .sub-list-item .text-box .price,.package-list .recommend-package .list .item .price-box .box .sub-list .sub-list-item .text-box .price,.recommend-package .list .package-list .item .box .sub-list .price-box .sub-list-item .text-box .price,.recommend-package .list .package-list .item .price-box .box .sub-list .sub-list-item .text-box .price {
	height: 22px;
	line-height: 1;
	margin-bottom: 10px
}

.package-list .item .price-box .fl .text-box .original-price,.package-list .item .price-box .item .text-box .original-price,.package-list .recommend-package .list .item .box .sub-list .price-box .sub-list-item .text-box .original-price,.package-list .recommend-package .list .item .price-box .box .sub-list .sub-list-item .text-box .original-price,.recommend-package .list .package-list .item .box .sub-list .price-box .sub-list-item .text-box .original-price,.recommend-package .list .package-list .item .price-box .box .sub-list .sub-list-item .text-box .original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through;
	font-family: WeChatNumber-151125
}

.package-list .item .price-box .fl .text-box .bottom-price,.package-list .item .price-box .item .text-box .bottom-price,.package-list .recommend-package .list .item .box .sub-list .price-box .sub-list-item .text-box .bottom-price,.package-list .recommend-package .list .item .price-box .box .sub-list .sub-list-item .text-box .bottom-price,.recommend-package .list .package-list .item .box .sub-list .price-box .sub-list-item .text-box .bottom-price,.recommend-package .list .package-list .item .price-box .box .sub-list .sub-list-item .text-box .bottom-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	font-family: WeChatNumber-151125
}

.package-list .item .price-box .fr .bottom-btn {
	display: inline-block
}

.package-list .item .tips-box {
	padding: 0 48px
}

.package-list .item .tips-box .tips-box {
	padding: 10px 0 10px 67px;
	background-color: #f6f8fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.package-list .item .tips-box .tips-box p {
	line-height: 1;
	margin-bottom: 5px;
	font-family: AlibabaPuHuiTiB;
	font-size: 18px;
	color: #515d71;
	font-weight: 700
}

.package-list-2 .item .head .text-box {
	padding: 0 48px
}

.package-list-2 .item .head .text-box .big {
	line-height: 80px
}

.recommend-package>.title {
	line-height: 1;
	margin-bottom: 41px;
	font-family: AlibabaPuHuiTiM;
	font-size: 32px;
	color: #424461;
	text-align: center;
	font-weight: 700
}

.recommend-package .list .item {
	width: 666px;
	height: 321px;
	margin-right: 62px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	position: relative
}

.recommend-package .list .item:nth-child(2n) {
	margin-right: 0
}

.recommend-package .list .item .head {
	width: 666px;
	height: 80px;
	padding: 19px 44px;
	background-image: -webkit-linear-gradient(315deg,#ffd5b7 0,#ffe8d7 100%),-webkit-linear-gradient(#f6f8fb,#f6f8fb);
	background-image: linear-gradient(135deg,#ffd5b7 0,#ffe8d7 100%),linear-gradient(#f6f8fb,#f6f8fb);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.recommend-package .list .item .head .big {
	line-height: 1;
	margin-bottom: 8px;
	font-family: AlibabaPuHuiTiM;
	font-size: 22px;
	color: #191c3d
}

.recommend-package .list .item .head .small {
	line-height: 1;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #515d71
}

.recommend-package .list .item .head .tag {
	width: 45px;
	height: 22px;
	line-height: 22px;
	background-color: #eebe00;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px;
	text-align: center;
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: top
}

.recommend-package .list .item .head .tag-2 {
	background-color: #ff5a5a!important;
	-webkit-box-shadow: 0 4px 10px 0 rgba(255,90,90,.2);
	box-shadow: 0 4px 10px 0 rgba(255,90,90,.2)
}

.recommend-package .list .item .head .tag-3 {
	-webkit-box-shadow: 0 4px 10px 0 rgba(238,190,0,.2)!important;
	box-shadow: 0 4px 10px 0 rgba(238,190,0,.2)!important
}

.recommend-package .list .item .box {
	padding: 28px 44px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.recommend-package .list .item .box .line {
	width: 100%;
	max-width: 100%
}

.recommend-package .list .item .box .sub-list .sub-list-item {
	width: 50%;
	margin-bottom: 15px;
	padding-left: 24px;
	padding-right: 70px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.recommend-package .list .item .box .sub-list .sub-list-item::before {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: solid 3px #ff5a5a;
	content: " ";
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	left: 0
}

.recommend-package .list .item .box .bottom {
	position: absolute;
	left: 47px;
	bottom: 22px
}

.recommend-package .list .item .box .bottom .price-row-1 {
	margin-bottom: 10px
}

.recommend-package .list .item .box .bottom .price-row-1 .price {
	margin-right: 24px;
	display: inline-block;
	vertical-align: bottom
}

.recommend-package .list .item .box .bottom .price-row-1 .price span {
	height: 28px;
	line-height: 28px;
	display: inline-block;
	vertical-align: middle
}

.recommend-package .list .item .box .bottom .price-row-1 .price .text-1 {
	width: 10px;
	line-height: 35px;
	font-size: 16px;
	color: #ff0137;
	font-weight: 400
}

.recommend-package .list .item .box .bottom .price-row-1 .price .text-2 {
	font-size: 28px;
	color: #ff0137;
	font-weight: 700
}

.recommend-package .list .item .box .bottom .price-row-1 .price .text-3 {
	line-height: 35px;
	font-size: 16px;
	color: #515d71
}

.recommend-package .list .item .box .bottom .price-row-1 .origin-price {
	font-family: AlibabaPuHuiTiR;
	font-size: 14px;
	color: #999;
	display: inline-block;
	vertical-align: bottom
}

.recommend-package .list .item .box .bottom .price-row-2 {
	line-height: 1;
	font-family: AlibabaPuHuiTiB;
	font-size: 16px;
	color: #ff0137;
	font-weight: 700
}

.package-list .recommend-package .list .item .price-box .fr .bottom-btn,.recommend-package .list .item .service-btn,.recommend-package .list .package-list .item .price-box .fr .bottom-btn {
	position: absolute;
	right: 45px;
	bottom: 21px
}

.recommend-package .list .item .service-btn-1 {
	right: 167px;
	color: #ff0137;
	background: #fff;
	border: 1px solid #ff0137
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.quick-ranking-container .quick-ranking .box .left,.quick-ranking-container .quick-ranking .box .right {
	float: left
}

.fl.middle,.quick-ranking-container .quick-ranking .box .middle.left,.quick-ranking-container .quick-ranking .box .middle.right {
	height: 100%
}

.fl.middle::before,.quick-ranking-container .quick-ranking .box .middle.left::before,.quick-ranking-container .quick-ranking .box .middle.right::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.quick-ranking-container {
	min-width: 1400px;
	position: relative
}

.quick-ranking-container::before {
	width: 100%;
	min-width: 1400px;
	height: 113.5px;
	content: " ";
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff
}

.quick-ranking-container::after {
	width: 100%;
	min-width: 1400px;
	height: 113.5px;
	content: " ";
	z-index: 1;
	position: absolute;
	top: 113.5px;
	left: 0;
	background-color: #f6f8fb
}

.quick-ranking-container .quick-ranking {
	width: 1400px;
	height: 227px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,38,143,.2);
	box-shadow: 0 10px 20px 0 rgba(0,38,143,.2);
	border-radius: 10px;
	z-index: 2;
	position: relative;
	background-color: #384975;
	border-radius: 10px
}

.quick-ranking-container .quick-ranking .box {
	width: 100%;
	height: 100%;
	padding-top: 38px;
	padding-left: 50px;
	z-index: 5;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.quick-ranking-container .quick-ranking .box .left {
	width: 520px;
	padding-top: 25px
}

.quick-ranking-container .quick-ranking .box .left .text-1 {
	height: 38px;
	line-height: 38px;
	margin-bottom: 20px;
	font-family: MicrosoftYaHei;
	font-size: 34px;
	color: #fff
}

.quick-ranking-container .quick-ranking .box .left .text-2 {
	height: 45px;
	line-height: 45px;
	font-family: MicrosoftYaHei;
	font-size: 42px;
	color: #fff;
	font-weight: 700
}

.quick-ranking-container .quick-ranking .box .right {
	width: 780px
}

.quick-ranking-container .quick-ranking .box .right>p {
	line-height: 28px;
	margin-bottom: 20px;
	font-family: MicrosoftYaHei;
	color: #fff;
	font-size: 18px
}

.quick-ranking-container .quick-ranking .box .right>p .text-1 {
	font-size: 19px;
	font-weight: 700
}

.quick-ranking-container .quick-ranking .quick-ranking-bg {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.real-customer-case-container .real-customer-case .box .left,.real-customer-case-container .real-customer-case .box .right,.real-customer-case-container .real-customer-case .box .right .item .data-row .col {
	float: left
}

.fl.middle,.real-customer-case-container .real-customer-case .box .middle.left,.real-customer-case-container .real-customer-case .box .middle.right,.real-customer-case-container .real-customer-case .box .right .item .data-row .middle.col {
	height: 100%
}

.fl.middle::before,.real-customer-case-container .real-customer-case .box .middle.left::before,.real-customer-case-container .real-customer-case .box .middle.right::before,.real-customer-case-container .real-customer-case .box .right .item .data-row .middle.col::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.real-customer-case-container {
	padding: 205px 0 0;
	background-color: #f6f8fb;
	position: relative
}

.real-customer-case-container .real-customer-case {
	position: relative;
	z-index: 5
}

.real-customer-case-container .real-customer-case .region-title {
	color: #fff
}

.real-customer-case-container .real-customer-case .region-sub-title {
	color: #fff;
	font-size: 18px
}

.real-customer-case-container .real-customer-case .region-sub-title .highlight {
	color: #ffe65d;
	font-size: 22px;
	font-weight: 700
}

.real-customer-case-container .real-customer-case .box {
	padding-top: 60px
}

.real-customer-case-container .real-customer-case .box .left {
	width: 358px;
	background: rgba(0,0,0,.5);
	background: transparent url(../image/71.png) center center no-repeat;
	background-size: cover;
	position: relative;
	top: 40px
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list {
	width: 358px
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item {
	padding-left: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-1 {
	height: 86px;
	line-height: 86px;
	display: block
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-1 .icon-box {
	width: 40px;
	margin-right: 16px;
	display: inline-block;
	vertical-align: middle;
	text-align: center
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-1 .icon-box .icon {
	height: 35px;
	display: inline-block;
	vertical-align: middle
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-1 .icon-box .icon-1 {
	display: none
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-1 .icon-box .icon-2 {
	display: inline-block
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-1 .text {
	font-size: 28px;
	color: #fff;
	display: inline-block;
	vertical-align: middle
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-2 {
	padding-bottom: 20px;
	display: none
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-2 .col {
	height: 50px;
	display: inline-block;
	text-align: center;
	white-space: nowrap
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-2 .col .key {
	height: 20px;
	line-height: 1;
	font-size: 16px;
	color: #515d71
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-2 .col .value {
	height: 24px;
	line-height: 1;
	padding-bottom: 5px;
	font-family: WeChatNumber-151125;
	font-size: 22px;
	color: #236ffb
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-2 .col .value-1 {
	font-family: AdobeHeitiStd-Regular;
	font-size: 22px;
	color: #236ffb;
	font-weight: 700
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .item .row-2 .middle-col {
	margin: 0 16px;
	padding: 0 16px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .active {
	background-color: #fff
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .active::before {
	width: 10px;
	height: 100%;
	background-color: #236ffb;
	content: " ";
	position: absolute;
	top: 0;
	left: 0
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .active .row-1 .icon-box .icon-1 {
	display: inline-block
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .active .row-1 .icon-box .icon-2 {
	display: none
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .active .row-1 .text {
	color: #191c3d
}

.real-customer-case-container .real-customer-case .box .left .real-customer-case-list .active .row-2 {
	display: block
}

.real-customer-case-container .real-customer-case .box .left .let-bottom {
	padding: 47px 0 80px;
	text-align: center
}

.real-customer-case-container .real-customer-case .box .left .let-bottom .btn {
	width: 220px;
	height: 60px;
	line-height: 60px;
	font-family: MicrosoftYaHei;
	font-size: 22px
}

.real-customer-case-container .real-customer-case .box .right {
	width: 1042px;
	height: 728px;
	padding: 59px 58px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.real-customer-case-container .real-customer-case .box .right .item {
	display: none
}

.real-customer-case-container .real-customer-case .box .right .item .title {
	margin-bottom: 25px;
	font-size: 30px;
	color: #191c3d;
	text-align: center
}

.real-customer-case-container .real-customer-case .box .right .item .des {
	margin-bottom: 40px;
	font-size: 16px;
	line-height: 22px;
	color: #515d71
}

.real-customer-case-container .real-customer-case .box .right .item .data-row {
	height: 32px;
	margin-bottom: 40px
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col {
	width: 240px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	text-align: center;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col .key {
	font-family: AlibabaPuHuiTiR;
	font-size: 18px;
	color: #515d71;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col .value {
	font-family: AlibabaPuHuiTiR;
	font-size: 18px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col .value-1 {
	padding-left: 18px
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col .value-1::before {
	width: 12px;
	height: 13px;
	content: " ";
	background: transparent url(../image/9.png) center center no-repeat;
	background-size: 12px 13px;
	position: absolute;
	top: 10px;
	left: 0
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col-1 {
	padding-left: 116px;
	text-align: left
}

.real-customer-case-container .real-customer-case .box .right .item .data-row .col-1::before {
	width: 96px;
	height: 32px;
	line-height: 32px;
	content: "优化效果";
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: transparent url(../image/8.png) center center no-repeat;
	background-size: 96px 35px;
	position: absolute;
	top: 0;
	left: 0
}

.real-customer-case-container .real-customer-case .box .right .item .table {
	width: 100%;
	height: 430px;
	border: 1px solid #efefef;
	text-align: center;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto
}

.real-customer-case-container .real-customer-case .box .right .item .table tr td,.real-customer-case-container .real-customer-case .box .right .item .table tr th {
	border: 1px solid #efefef
}

.real-customer-case-container .real-customer-case .box .right .item .table tr td {
	padding: 12px 35px
}

.real-customer-case-container .real-customer-case .box .right .item .table .table-head {
	background-color: #f1f0f4
}

.real-customer-case-container .real-customer-case .box .right .item .table .table-head td {
	font-size: 18px;
	color: #191c3d
}

.real-customer-case-container .real-customer-case .box .right .item .table .table-head~tr td {
	font-size: 16px;
	color: #515d71
}

.real-customer-case-container .real-customer-case .box .right .item .table .table-head~tr td:nth-child(3) {
	color: #ec4b55
}

.real-customer-case-container .real-customer-case .box .right .active {
	display: block
}

.real-customer-case-container .real-customer-case-bg {
	width: 100%;
	min-width: 100%;
	height: 904px;
	background-color: #1d2b51;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.requirements-form-container {
	width: 100%;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: auto
}

.requirements-form-container .requirements-form {
	padding: 38px 0 50px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.requirements-form-container .requirements-form>.fl {
	max-width: 480px;
	background-color: #fff
}

.requirements-form-container .requirements-form>.fl .text-1 {
	line-height: 1;
	margin-bottom: 22px;
	font-family: SourceHanSansCN-Regular;
	font-size: 38px;
	color: #236ffb
}

.requirements-form-container .requirements-form>.fl .text-2 {
	line-height: 1.1;
	font-family: SourceHanSansCN-Regular;
	font-size: 46px;
	color: #191c3d
}

.requirements-form-container .requirements-form>.fl .text-3 {
	line-height: 32px;
	margin-bottom: 51px;
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	color: #515d71
}

.requirements-form-container .requirements-form>.fl .text-4 {
	line-height: 1;
	margin-bottom: 30px;
	font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.requirements-form-container .requirements-form>.fl .text-box {
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	line-height: 34px;
	color: #191c3d
}

.requirements-form-container .requirements-form>.fl .common-line {
	margin: 37px 0
}

.requirements-form-container .requirements-form>.fr .form {
	width: 498px
}

.requirements-form-container .requirements-form>.fr .form .title {
	line-height: 1;
	margin-bottom: 14px;
	font-family: SourceHanSansCN-Regular;
	font-size: 24px;
	color: #191c3d
}

.requirements-form-container .requirements-form>.fr .form .title .highlight {
	font-size: 14px;
	color: #236ffb
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label {
	width: 117px;
	height: 50px;
	line-height: 50px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #f6f8fb;
	color: #515d71;
	text-align: center;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label ::-moz-selection {
	background: rgba(0,0,0,0)
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label ::selection {
	background: rgba(0,0,0,0)
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label span {
	position: relative;
	z-index: 12
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label input {
	width: 100%;
	height: 100%;
	z-index: 18;
	position: absolute;
	right: 10px;
	bottom: 8px;
	opacity: 0
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label input::before {
	content: " ";
	width: 100%;
	height: 100%;
	z-index: 18;
	position: absolute;
	top: 0;
	left: 0
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label .checkbox-icon {
	width: 20px;
	height: 20px;
	z-index: 15;
	opacity: 0;
	position: absolute;
	right: 2px;
	bottom: 2px
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list label:nth-child(4n) {
	margin-right: 0
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list .is-checked {
	background: #236ffb;
	color: #fff
}

.requirements-form-container .requirements-form>.fr .form .checkbox-list .is-checked .checkbox-icon {
	opacity: 1
}

.requirements-form-container .requirements-form>.fr .form input[type=text] {
	width: 240px;
	height: 36px;
	padding: 0 12px;
	background-color: #f6f8fb;
	border: solid 1px #e4e6f0;
	color: #191c3d;
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.requirements-form-container .requirements-form>.fr .form input[type=text]::-webkit-input-placeholder {
	color: #999
}

.requirements-form-container .requirements-form>.fr .form label {
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	color: #515d71;
	display: inline-block;
	vertical-align: middle
}

.requirements-form-container .requirements-form>.fr .form .col-1 {
	margin-bottom: 77px
}

.requirements-form-container .requirements-form>.fr .form .col-1 #company {
	width: 100%;
	margin-bottom: 11px;
	display: block
}

.requirements-form-container .requirements-form>.fr .form .col-2 {
	margin-bottom: 64px
}

.requirements-form-container .requirements-form>.fr .form .col-3 {
	margin-bottom: 26px
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label {
	margin-right: 10px;
	padding-left: 18px;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label .radio-input,.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label input {
	width: 0;
	height: 0;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 4px
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label .radio-input::before,.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label input::before {
	content: " ";
	width: 100%;
	height: 100%;
	z-index: 18;
	position: absolute;
	top: 0;
	left: 0
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label input {
	clip: rect(0,0,0,0)
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label .checkbox-icon-box {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	border: 1px solid #c4c4c4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 3px;
	left: 3px
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box label .checkbox-icon-box .checkbox-icon {
	width: 10px;
	height: 10px;
	z-index: 15;
	display: none;
	position: absolute;
	top: 1px;
	left: 1px
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box .is-checked .checkbox-icon-box {
	background: #236ffb;
	border: 1px solid #236ffb
}

.requirements-form-container .requirements-form>.fr .form .col-3 .label-box .is-checked .checkbox-icon-box .checkbox-icon {
	display: block
}

.requirements-form-container .requirements-form>.fr .form .col-4 {
	margin-bottom: 16px
}

.requirements-form-container .requirements-form>.fr .form .col-4 .verification-box {
	width: 140px;
	height: 35px;
	margin-left: 20px
}

.requirements-form-container .requirements-form>.fr .form .col-4 .verification-box .cover {
	width: 100%;
	height: 100%
}

.requirements-form-container .requirements-form>.fr .form .col-5 #submit-btn {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-color: #236ffb;
	font-size: 20px;
	color: #fefefe;
	text-align: center;
	border: none;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block
}

.requirements-form-container .requirements-form>.fr .form .col-5 #submit-btn:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.requirements-form-container .requirements-form .close-requirements-form-btn {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 20px;
	right: 20px
}

.requirements-form-container .requirements-form .close-requirements-form-btn .icon {
	width: 40px;
	height: 40px
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.service-process-container {
	padding: 90px 0;
	background-color: #f6f8fb
}

.service-process-container .service-process .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.service-process-container .service-process .list {
	padding-top: 60px;
	text-align: center;
	font-size: 0
}

.service-process-container .service-process .list .item {
	display: inline-block;
	vertical-align: top
}

.service-process-container .service-process .list .item .box {
	width: 150px;
	height: 168px;
	padding: 26px 0;
	text-align: center;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.service-process-container .service-process .list .item .box .title {
	line-height: 1;
	margin-bottom: 22px;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.service-process-container .service-process .list .item .box .icon {
	width: 50px;
	height: 50px;
	margin: 0 auto 11px;
	border-radius: 50px;
	display: block
}

.service-process-container .service-process .list .item .box .name {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #191c3d
}

.service-process-container .service-process .list .item .box-2 {
	height: 168px;
	padding: 0 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.service-process-container .service-process .list .item .box-2 .icon {
	width: 50px;
	top: 84px;
	display: inline-block;
	position: relative
}

.service-process-container .service-process .roles-list {
	margin-top: 60px;
	text-align: center
}

.service-process-container .service-process .roles-list .item {
	width: 216px;
	display: inline-block
}

.service-process-container .service-process .roles-list .item .icon {
	width: 71px;
	height: 71px;
	margin-bottom: 12px;
	display: inline-block
}

.service-process-container .service-process .roles-list .item .name {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #191c3d
}

.service-process-container .service-process .service-process-cover-box {
	width: 100%;
	padding-top: 60px
}

.service-process-container .service-process .service-process-cover-box .service-process-cover {
	width: 100%;
	display: block
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.silderbar-container {
	width: 175px;
	padding: 0 10px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	position: fixed;
	top: 150px;
	right: 20px;
	text-align: center;
	-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 14px 0 rgba(0,0,0,.1)
}

.silderbar-container .silderbar-box {
	padding-top: 20px
}

.silderbar-container .silderbar-box .row {
	padding-bottom: 12px;
	border-bottom: 1px solid #e5e5e5
}

.silderbar-container .silderbar-box .row .qrcode {
	width: 120px;
	height: 120px;
	margin: 0 auto
}

.silderbar-container .silderbar-box .row .wx-contact {
	line-height: 1;
	margin-top: 5px;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #666
}

.silderbar-container .silderbar-box .row-1 {
	padding-top: 14px;
	padding-bottom: 15px
}

.silderbar-container .silderbar-box .row-1 .name {
	margin-bottom: 10px
}

.silderbar-container .silderbar-box .row-1 .name .icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle
}

.silderbar-container .silderbar-box .row-1 .name .pone-contact {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #333
}

.silderbar-container .silderbar-box .row-1 .phone {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	color: #236efb;
	font-weight: 700
}

.silderbar-container .fadeOut {
	height: 0
}

.silderbar-container .open {
	height: 54px;
	line-height: 54px;
	font-size: 12px;
	color: #333;
	cursor: pointer
}

.silderbar-container .go-top {
	padding: 10px 0 20px;
	border-top: 1px solid #e5e5e5
}

.silderbar-container .go-top .icon-box {
	width: 45px;
	height: 45px;
	margin: 0 auto 8px;
	background-color: #296ff7;
	border-radius: 45px
}

.silderbar-container .go-top .icon-box .icon {
	width: 18px;
	height: 18px;
	margin-top: 12px;
	display: inline-block
}

.silderbar-container .go-top .text {
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #333
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.solution-container .solution .solution-list .item .sub-list .sub-list-item {
	float: left
}

.fl.middle,.solution-container .solution .solution-list .item .sub-list .middle.sub-list-item {
	height: 100%
}

.fl.middle::before,.solution-container .solution .solution-list .item .sub-list .middle.sub-list-item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.solution-container {
	width: 100%;
	min-height: 744px;
	padding: 90px 0;
	background-color: #f6f8fb;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.solution-container .bg {
	min-width: 100%;
	min-height: 100%;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0
}

.solution-container .solution {
	width: 100%;
	padding-left: 506px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 5;
	position: relative
}

.solution-container .solution .solution-nav {
	width: 334px;
	height: 564px;
	background-color: #2661f1;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0
}

.solution-container .solution .solution-nav .title {
	height: 143px;
	line-height: 143px;
	font-family: MicrosoftYaHei;
	font-size: 24px;
	color: #fff;
	text-align: center
}

.solution-container .solution .solution-nav .item {
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 103px;
	border-top: 1px solid #2a3dba;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(45,62,187,0);
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative;
	cursor: pointer
}

.solution-container .solution .solution-nav .item:hover {
	background-color: #2a3dba
}

.solution-container .solution .solution-nav .item .text {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #fff;
	display: inline-block
}

.solution-container .solution .solution-nav .item .icon-box {
	width: 35px;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	vertical-align: middle
}

.solution-container .solution .solution-nav .item .icon-box .icon {
	width: 25px;
	max-height: 27px
}

.solution-container .solution .solution-nav .item .icon-box .icon-1 {
	width: 24px;
	height: 24px
}

.solution-container .solution .solution-nav .item .icon-box .icon-2 {
	width: 23px;
	height: 25px
}

.solution-container .solution .solution-nav .item .icon-box .icon-3 {
	width: 21px;
	height: 27px
}

.solution-container .solution .solution-nav .item .icon-box .icon-4 {
	width: 28px;
	height: 24px
}

.solution-container .solution .solution-nav .item .icon-box .icon-5 {
	width: 25px;
	height: 22px
}

.solution-container .solution .solution-nav .item .icon-box .icon-6 {
	width: 24px;
	height: 24px
}

.solution-container .solution .solution-list {
	width: 100%;
	padding-top: 60px;
	overflow: hidden
}

.solution-container .solution .solution-list .item {
	display: none
}

.solution-container .solution .solution-list .item .row-1 {
	margin-bottom: 24px;
	position: relative
}

.solution-container .solution .solution-list .item .row-1 .name {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 24px;
	color: #fff
}

.solution-container .solution .solution-list .item .row-1 .btn-row {
	position: absolute;
	top: 0;
	right: 0
}

.solution-container .solution .solution-list .item .row-1 .btn-row .btn {
	width: 87px;
	height: 30px;
	line-height: 30px;
	margin-left: 11px;
	border-radius: 2px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #fefefe;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}

.solution-container .solution .solution-list .item .row-1 .btn-row .btn-1 {
	border: 1px solid #fefefe
}

.solution-container .solution .solution-list .item .row-1 .btn-row .btn-2 {
	background-color: #236ffb
}

.solution-container .solution .solution-list .item .des {
	font-family: MicrosoftYaHei;
	font-size: 16px;
	line-height: 36px;
	color: #fff
}

.solution-container .solution .solution-list .item .sub-list {
	padding-top: 55px
}

.solution-container .solution .solution-list .item .sub-list .sub-list-item {
	width: 64px;
	margin-right: 102px;
	margin-bottom: 55px;
	text-align: center;
	cursor: pointer
}

.solution-container .solution .solution-list .item .sub-list .sub-list-item:nth-child(6n) {
	margin-right: 0
}

.solution-container .solution .solution-list .item .sub-list .sub-list-item .sub-list-item-icon-box {
	width: 64px;
	height: 55px;
	line-height: 55px;
	margin-bottom: 27px
}

.solution-container .solution .solution-list .item .sub-list .sub-list-item .sub-list-item-icon-box .icon {
	max-width: 64px;
	max-height: 55px;
	display: inline-block;
	vertical-align: middle
}

.solution-container .solution .solution-list .item .sub-list .sub-list-item p {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	color: #fff;
	white-space: nowrap
}

.solution-container .solution .solution-list .solution-list-item-1 {
	display: block
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.strength-swiper-list {
	height: 378px;
	margin-top: 60px;
	position: relative
}

.strength-swiper-list .item {
	width: 100%;
	height: 378px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 0
}

.strength-swiper-list .item .strength-swiper {
	width: 100%;
	height: 378px;
	position: relative
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper {
	width: 100%
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide {
	width: 450px;
	height: 378px
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide:hover .text {
	display: block
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .cover-box {
	width: 100%;
	height: 337px
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .cover-box .cover {
	width: 100%;
	height: 337px
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .text {
	width: 100%;
	height: 41px;
	line-height: 41px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #515d71;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 40px;
	left: 0;
	text-align: center;
	display: none
}

.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .title {
	height: 40px;
	line-height: 42px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #515d71;
	text-align: center
}

.strength-swiper-list .item .strength-swiper .swiper-btn {
	width: 40px;
	height: 70px;
	line-height: 70px;
	background-color: rgba(0,0,0,.6);
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -35px
}

.strength-swiper-list .item .strength-swiper .swiper-btn .icon {
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.strength-swiper-list .item .strength-swiper .swiper-btn-left {
	left: -50px
}

.strength-swiper-list .item .strength-swiper .swiper-btn-right {
	right: -50px
}

.strength-swiper-list .show {
	opacity: 1;
	z-index: 20
}
*/
@media screen and (max-width:1500px) {
	.strength-swiper-list .item {
		width: 100%;
		height: 378px
	}

	.strength-swiper-list .item .strength-swiper {
		width: 100%;
		height: 337px;
		position: relative
	}

	.strength-swiper-list .item .strength-swiper .swiper-wrapper {
		width: 100%
	}

	.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide {
		width: 450px
	}

	.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide:hover .text {
		display: block
	}

	.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .cover-box {
		width: 100%
	}

	.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .cover-box .cover {
		width: 100%
	}

	.strength-swiper-list .item .strength-swiper .swiper-wrapper .swiper-slide .text {
		width: 100%
	}

	.strength-swiper-list .item .strength-swiper .swiper-btn-left {
		left: 30px;
		z-index: 30
	}

	.strength-swiper-list .item .strength-swiper .swiper-btn-right {
		right: 30px;
		z-index: 30
	}

	.strength-swiper-list .show {
		opacity: 1;
		z-index: 20
	}
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.sub-title-container .sub-title {
	position: relative;
	min-height: 24upx;
	padding-bottom: 12px
}

.sub-title-container .sub-title::before {
	z-index: 5;
	position: absolute;
	top: 2px;
	left: 0;
	content: " ";
	width: 9px;
	height: 19px;
	background: -webkit-gradient(linear,left bottom,left top,from(#236ffb),to(#38bffe));
	background: -webkit-linear-gradient(bottom,#236ffb 0,#38bffe 100%);
	background: linear-gradient(360deg,#236ffb 0,#38bffe 100%);
	-webkit-box-shadow: 0 3px 6px rgba(0,41,206,.2);
	box-shadow: 0 3px 6px rgba(0,41,206,.2);
	opacity: 1;
	border-radius: 2px
}

.sub-title-container .sub-title::after {
	z-index: 3;
	position: absolute;
	top: -2px;
	left: 5px;
	content: " ";
	width: 11px;
	height: 19px;
	background: #236ffb;
	opacity: .4;
	border-radius: 2px
}

.sub-title-container .sub-title .text {
	padding-left: 28px;
	font-size: 18px;
	font-weight: 700;
	color: #979eaa
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.substation-filter-container.theme-2 .substation-filter .row .key {
	color: #c0cade
}

.substation-filter-container.theme-2 .substation-filter .row .value-box .list .item {
	color: #979eaa
}

.substation-filter-container.theme-2 .substation-filter .choose-city-slect-box .layui-input-inline .layui-input {
	color: #c0cade;
	background-color: #0f1024;
	border-color: #283246!important
}

.substation-filter-container.theme-2 .substation-filter .choose-city-slect-box .layui-input-inline .layui-input:hover {
	border-color: #283246!important
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item {
	border-color: #283246!important
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item .letter {
	background-color: #141426
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item .letter .text {
	color: #556278
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item .sub-list-box .cat-key {
	color: #fff
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item .sub-list-box .sub-list .sub {
	color: #979eaa
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item .sub-list-box .secondary-sub-list .secondary-cat-key {
	color: #979eaa
}

.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item.item-1,.substation-filter-container.theme-2 .substation-filter .substation-cat-list .item:hover {
	background-color: #141426
}

.substation-filter-container .substation-filter {
	padding: 40px 72px 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.substation-filter-container .substation-filter .key {
	line-height: 1;
	font-family: SourceHanSansCN-Medium;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.substation-filter-container .substation-filter .highlight {
	color: #236ffb
}

.substation-filter-container .substation-filter .row {
	max-width: 1252px;
	min-height: 32px;
	margin-bottom: 39px;
	padding-left: 100px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.substation-filter-container .substation-filter .row .key {
	line-height: 1.8;
	position: absolute;
	top: 0;
	left: 0
}

.substation-filter-container .substation-filter .row .value-box .list .item {
	line-height: 1.8;
	margin-right: 20px;
	display: inline-block;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	color: #515d71
}

.substation-filter-container .substation-filter .row .value-box .list .highlight {
	color: #236ffb
}

.substation-filter-container .substation-filter .row .el-select {
	margin-right: 33px
}

.substation-filter-container .substation-filter .row-2 {
	margin-bottom: 13px
}

.substation-filter-container .substation-filter .substation-cat-list {
	max-width: 1252px;
	margin-bottom: 47px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.substation-filter-container .substation-filter .substation-cat-list .item-1,.substation-filter-container .substation-filter .substation-cat-list .item:hover {
	background-color: #f6f8fb
}

.substation-filter-container .substation-filter .substation-cat-list .item-1 .letter,.substation-filter-container .substation-filter .substation-cat-list .item:hover .letter {
	background-color: #236ffb;
	overflow: visible
}

.substation-filter-container .substation-filter .substation-cat-list .item-1 .letter .text,.substation-filter-container .substation-filter .substation-cat-list .item:hover .letter .text {
	color: #fff
}

.substation-filter-container .substation-filter .substation-cat-list .item-1 .letter .triangle-right,.substation-filter-container .substation-filter .substation-cat-list .item:hover .letter .triangle-right {
	display: block
}

.substation-filter-container .substation-filter .substation-cat-list .item {
	padding-left: 56px;
	border: solid 1px #e4e6f0;
	border-top: none;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

.substation-filter-container .substation-filter .substation-cat-list .item:first-child {
	border-top: solid 1px #e4e6f0;
	border-radius: 4px 4px 0 0
}

.substation-filter-container .substation-filter .substation-cat-list .item:last-child {
	border-radius: 0 0 4px 4px
}

.substation-filter-container .substation-filter .substation-cat-list .item .letter {
	width: 56px;
	height: 100%;
	background-color: #f6f8fb;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0
}

.substation-filter-container .substation-filter .substation-cat-list .item .letter .text {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-family: SourceHanSansCN-Bold;
	font-size: 28px;
	color: rgba(81,93,113,.5);
	font-weight: 700;
	text-align: center;
	z-index: 5;
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -15px
}

.substation-filter-container .substation-filter .substation-cat-list .item .letter .triangle-right {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #236ffb;
	display: none;
	z-index: 3;
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -20px
}

.substation-filter-container .substation-filter .substation-cat-list .item .sub-list-box {
	line-height: 60px;
	padding-left: 116px;
	position: relative
}

.substation-filter-container .substation-filter .substation-cat-list .item .sub-list-box .cat-key {
	width: 116px;
	min-height: 60px;
	padding: 0 10px;
	text-align: center;
	font-family: SourceHanSansCN-Bold;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0
}

.substation-filter-container .substation-filter .substation-cat-list .item .sub-list-box .sub-list {
	min-height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.substation-filter-container .substation-filter .substation-cat-list .item .sub-list-box .sub-list .sub {
	margin-right: 30px;
	display: inline-block;
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	color: #191c3d;
	cursor: pointer
}

.substation-filter-container .substation-filter .substation-cat-list .item .sub-list-box .secondary-sub-list .sub-list {
	padding: 15px 0;
	min-height: auto;
	line-height: 30px
}

.substation-filter-container .substation-filter .substation-cat-list .item .sub-list-box .secondary-sub-list .sub-list .sub {
	height: 20px;
	line-height: 1
}

.substation-filter-container .substation-filter .substation-cat-list .item .secondary-sub-list {
	padding-left: 118px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.substation-filter-container .substation-filter .substation-cat-list .item .secondary-sub-list .secondary-cat-key {
	width: 118px;
	text-align: center;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: SourceHanSansCN-Regular;
	font-size: 14px;
	color: #191c3d;
	position: absolute;
	left: 0;
	top: 0
}

.substation-filter-container .substation-filter .choose-city-slect-box .layui-input-inline {
	margin-right: 33px;
	border-radius: 4px
}

.substation-filter-container .substation-filter .choose-city-slect-box .layui-input-inline .layui-input {
	border-radius: 4px
}

.substation-filter-container .substation-filter .choose-city-slect-box .layui-input-inline .layui-form-select dl dd.layui-this {
	color: #191c3d;
	background-color: #f6f8fb
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.substation-search-container {
	margin-top: 36px
}

.substation-search-container.theme-2 .substation-search .input-box {
	background-color: initial;
	border: initial
}

.substation-search-container.theme-2 .substation-search .input-box input {
	border: 2px solid #283246;
	background-color: #0f1024
}

.substation-search-container.theme-2 .substation-search .input-box input::-webkit-input-placeholder {
	color: #626b78
}

.substation-search-container .substation-search {
	height: 67px;
	padding-left: 351px;
	padding-right: 36px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.substation-search-container .substation-search .logo-box {
	position: absolute;
	top: 17px;
	left: 0
}

.substation-search-container .substation-search .logo-box .logo {
	width: 227px;
	height: 33px
}

.substation-search-container .substation-search .input-box {
	width: 100%;
	height: 67px;
	padding-right: 150px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	border-radius: 4px;
	border: solid 1px #e4e6f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden
}

.substation-search-container .substation-search .input-box input {
	width: 100%;
	height: 67px;
	line-height: 67px;
	padding: 0 28px;
	border: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: SourceHanSansCN-Regular;
	font-size: 18px;
	color: #999;
	outline: 0
}

.substation-search-container .substation-search .input-box .btn {
	width: 97px;
	height: 48px;
	line-height: 48px;
	background-color: #236ffb;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	color: #fefefe;
	cursor: pointer;
	position: absolute;
	text-align: center;
	top: 10px;
	right: 34px
}

.substation-search-container .substation-search .search-list-container {
	width: 100%;
	height: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	border-radius: 4px;
	border: solid 1px #e4e6f0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.substation-search-container .substation-search .search-list-container ul .search-list-item {
	padding: 23px;
	background: #fff
}

.substation-search-container .substation-search .search-list-container ul .search-list-item:hover {
	background: #f2f2f2
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

#common-navigation-bar {
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.substation-container {
	background-color: #010218
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.index-swiper {
	width: 100%;
	height: 500px;
	position: relative;
	top:70px;
}

.index-swiper .index-swiper-container {
	width: 100%;
	min-width: 1400px;
	height: 500px;
	margin: 0 auto
}

.index-swiper .index-swiper-container .swiper-wrapper {
	position: relative
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	min-width: 1400px;
	height: 500px;
	z-index: 30
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .cover {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	z-index: 30
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box {
	width: 100%;
	text-align: center;
	top: 190px;
	padding-left: 90px;
	position: absolute;
	z-index: 40
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .big {
	line-height: 1;
	margin-bottom: 15px;
	font-size: 42px;
	color: #fefefe
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .big-2 {
	margin-bottom: 47px
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .small {
	line-height: 1;
	margin-bottom: 45px;
	font-size: 18px;
	color: #979eaa
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .small-2 {
	max-width: 602px;
	line-height: 1.4
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box .small-3 {
	min-height: 50px
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .text-box-2 {
	top: 150px;
	text-align: left
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide-active {
	z-index: 33!important
}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide-active .cover {
	z-index: 35!important
}

.index-swiper .index-swiper-container .swiper-pagination {
	width: 100%;
	bottom: 24px;
	position: absolute
}

.index-swiper .index-swiper-container .swiper-pagination-bullet {
	width: 40px;
	height: 6px;
	margin: 0 5px;
	background: #236ffb!important;
	border-radius: 0
}

.index-swiper .index-swiper-container .swiper-pagination-2 {
	bottom: 32px
}

.index-swiper .index-swiper-container .swiper-pagination-2 .swiper-pagination-bullet {
	width: 80px
}

.index-swiper .swiper-btn {
	height: 100px;
	padding: 30px 20px;
	top: 50%;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	z-index: 50;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.index-swiper .swiper-btn .icon {
	height: 30px;
	display: inline-block
}

.index-swiper .swiper-btn-left {
	left: 0
}

.index-swiper .swiper-btn-right {
	right: 0
}

.introduction-swiper {
	width: 446px;
	height: 250px;
	position: relative
}

.introduction-swiper .swiper-container {
	width: 360px;
	height: 240px;
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	border-radius: 20px
}

.introduction-swiper .swiper-container .swiper-wrapper .swiper-slide {
	width: 360px;
	height: 240px
}

.introduction-swiper .swiper-container .swiper-wrapper .swiper-slide .cover-box {
	width: 360px;
	height: 240px;
	margin: 0 auto;
	overflow: hidden
}

.introduction-swiper .swiper-container .swiper-wrapper .swiper-slide .cover-box .cover {
	display: block
}

.introduction-swiper .swiper-btn {
	height: 100px;
	padding: 35px 10px;
	top: 50%;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	z-index: 50;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.introduction-swiper .swiper-btn .icon {
	height: 30px;
	display: inline-block
}

.introduction-swiper .swiper-btn-left {
	left: -20px
}

.introduction-swiper .swiper-btn-right {
	right: -20px
}

.sign-contract-swiper .sign-contract-swiper-container .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}

.sign-contract-swiper .sign-contract-swiper-container .swiper-wrapper .swiper-slide {
	width: 300px;
	height: 90px;
	padding: 20px 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.sign-contract-swiper .sign-contract-swiper-container .swiper-wrapper .swiper-slide .item {
	width: 300px;
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(35,111,251,.12);
	box-shadow: 0 1px 10px 0 rgba(35,111,251,.12);
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal
}

.sign-contract-swiper .sign-contract-swiper-container .swiper-wrapper .swiper-slide .item::before {
	width: 14px;
	height: 14px;
	border-radius: 20px;
	content: " ";
	border: 2px solid #236ffb;
	position: absolute;
	top: 19px;
	left: 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.system-container .system .system-list .item {
	float: left
}

.fl.middle,.system-container .system .system-list .middle.item {
	height: 100%
}

.fl.middle::before,.system-container .system .system-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.system-container .system .system-list .item {
	float: left
}

.fl.middle,.system-container .system .system-list .middle.item {
	height: 100%
}

.fl.middle::before,.system-container .system .system-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.common-box {
	width: 1400px;
	margin: 0 auto
}

.common-icon {
	height: 17px;
	display: inline-block;
	vertical-align: middle
}

.common-highlight {
	font-size: 16px;
	color: #236ffb;
	display: inline-block;
	vertical-align: middle
}

.common-line {
	height: 1px;
	display: block;
	border-bottom: 1px solid #e5e5e5
}

.common-btn,.common-btn-0,.common-btn-1,.common-btn-10,.common-btn-2,.common-btn-3,.common-btn-4,.common-btn-5,.common-btn-6,.common-btn-7,.common-btn-8,.common-btn-9 {
	min-width: 180px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
	text-align: center;
	font-size: 18px;
	color: #191c3d;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s
}

.common-btn-0 {
	border: solid 1px rgba(255,255,255,0);
	color: #999;
	background-color: initial
}

.common-btn-0:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #236ffb
}

.common-btn-1 {
	background-color: #236ffb;
	border: solid 1px #236ffb;
	color: #fff!important
}

.common-btn-1:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(0,38,107,.2);
	box-shadow: 0 20px 29px 0 rgba(0,38,107,.2)
}

.common-btn-2 {
	border: solid 1px #236ffb;
	color: #236ffb
}

.common-btn-3 {
	border: solid 1px #515d71;
	color: #fff!important;
	background-color: #515d71!important
}

.common-btn-3:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(81,93,113,.2);
	box-shadow: 0 20px 29px 0 rgba(81,93,113,.2)
}

.common-btn-4 {
	border: solid 1px #fff;
	color: #fff!important;
	background-color: initial
}

.common-btn-4:hover {
	-webkit-box-shadow: none;
	box-shadow: none
}

.common-btn-5 {
	border: solid 1px #79470c;
	color: #fefefe!important;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#79470c),to(#79470c)),-webkit-gradient(linear,left top,left bottom,from(#8d5b20),to(#8d5b20));
	background-image: -webkit-linear-gradient(#79470c,#79470c),-webkit-linear-gradient(#8d5b20,#8d5b20);
	background-image: linear-gradient(#79470c,#79470c),linear-gradient(#8d5b20,#8d5b20);
	background-blend-mode: normal,normal
}

.common-btn-5:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(121,70,12,.2);
	box-shadow: 0 20px 29px 0 rgba(121,70,12,.2)
}

.common-btn-6 {
	border: solid 1px #03cd7f;
	color: #fff!important;
	background-color: #03cd7f
}

.common-btn-6:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(3,205,127,.2);
	box-shadow: 0 20px 29px 0 rgba(3,205,127,.2)
}

.common-btn-7 {
	border: solid 1px #fc003d;
	color: #fff!important;
	background-color: #fc003d
}

.common-btn-7:hover {
	-webkit-box-shadow: 0 20px 29px 0 rgba(252,0,63,.2);
	box-shadow: 0 20px 29px 0 rgba(252,0,63,.2)
}

.common-btn-8 {
	border: 1px solid #236ffb;
	color: #236ffb!important;
	background: #236ffb;
	background-color: rgba(35,111,251,.3)
}

.common-btn-9 {
	border: none;
	background: 0 0;
	color: #979eaa!important
}

.common-btn-9.active {
	color: #fff!important;
	background: #45587a!important
}

.common-btn-10 {
	border: solid 1px rgba(255,255,255,0);
	color: #979eaa;
	background-color: #141426
}

.common-btn-10.active {
	color: #fff!important;
	background: #45587a!important
}

.common-toast,.common-toast-2 {
	width: 187px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	box-shadow: 0 6px 20px 0 rgba(35,111,251,.2);
	border-radius: 4px;
	font-size: 14px;
	color: #515d71;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1300;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -27px;
	margin-left: -90px
}

.common-toast-2 {
	color: #236ffb
}

.system-container {
	background-color: #fff
}

.system-container .system .system-list {
	padding-top: 55px
}

.system-container .system .system-list .item {
	width: 183px;
	height: 422px;
	margin-right: 60px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	box-shadow: 0 4px 4px 0 rgba(35,111,251,.08);
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.system-container .system .system-list .item:last-child {
	margin-right: 0
}

.system-container .system .system-list .item:hover {
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12)
}

.system-container .system .system-list .item .cover {
	width: 183px;
	height: 161px
}

.system-container .system .system-list .item .text-box {
	height: 261px;
	padding: 0 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.system-container .system .system-list .item .text-box .col {
	line-height: 24px;
	margin-top: 28px;
	font-size: 16px;
	color: #515d71
}

.system-container .system .system-list .item .text-box .col .f-w-b {
	color: #191c3d
}

.system-container .system .system-note-box {
	margin-top: 58px;
	padding: 37px 54px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.system-container .system .system-note-box .system-note {
	position: relative;
	z-index: 10
}

.system-container .system .system-note-box .system-note .col {
	margin-bottom: 38px
}

.system-container .system .system-note-box .system-note .col .row-1 {
	margin-bottom: 16px;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.system-container .system .system-note-box .system-note .col .row-1 .highlight {
	color: #236ffb
}

.system-container .system .system-note-box .system-note .col .row-2 {
	margin-bottom: 7px;
	font-size: 18px;
	color: #515d71
}

.system-container .system .system-note-box .system-note .col .row-3 {
	font-size: 14px;
	color: #999
}

.system-container .system .system-note-box .system-note .col-2 {
	margin-bottom: 0
}

.system-container .system .system-note-box .system-note-bg {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0
}

.system-container .system .system-note-box .system-note-bg .cover {
	width: 100%;
	height: 100%
}

.system-container .system .more {
	margin-top: 58px;
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.team-introduction-container {
	position: relative
}

.team-introduction-container::before {
	position: absolute;
	top: 0;
	left: 0;
	content: " ";
	width: 100%;
	height: 100%;
	background-image: url(../image/bg2.png);
	background-size: cover
}

.team-introduction-container .team-introduction {
	z-index: 5;
	position: relative;
	padding: 80px 0 105px
}

.team-introduction-container .team-introduction .region-title {
	margin-bottom: 30px;
	color: #fff
}

.team-introduction-container .team-introduction .text-box {
	margin-bottom: 50px;
	padding: 26px 20px;
	line-height: 26px;
	background-color: rgba(112,159,246,.3);
	font-size: 16px;
	font-weight: 400;
	color: #f1f6ff;
	border-radius: 4px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container {
	width: 100%;
	position: relative
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper {
	width: 100%;
	height: 378px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper .swiper-slide {
	width: 450px;
	height: 378px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper .swiper-slide:hover .text {
	display: block
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper .swiper-slide .cover-box {
	width: 100%;
	height: 337px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper .swiper-slide .cover-box .cover {
	width: 100%;
	height: 337px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper .swiper-slide .text {
	width: 100%;
	height: 41px;
	line-height: 41px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #515d71;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 40px;
	left: 0;
	text-align: center;
	display: none
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-wrapper .swiper-slide .title {
	height: 40px;
	line-height: 42px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	color: #c0cade;
	text-align: center
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-btn {
	z-index: 5;
	width: 40px;
	height: 70px;
	line-height: 70px;
	background-color: rgba(0,0,0,.6);
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -35px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-btn .icon {
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-btn-left {
	left: 20px
}

.team-introduction-container .team-introduction .team-introduction-swiper-container .swiper-btn-right {
	right: 20px
}

.upgrade-plan-container .upgrade-plan {
	margin-bottom: 55px
}

.upgrade-plan-container .upgrade-plan .row {
	margin-bottom: 10px
}

.upgrade-plan-container .upgrade-plan .row .item {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 55px;
	overflow: hidden
}

.upgrade-plan-container .upgrade-plan .row .item:nth-child(3n) {
	margin-right: 0
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 {
	width: 360px;
	height: 130px;
	line-height: 130px;
	border-radius: 4px;
	border: 1px solid #223558;
	text-align: center
}

.upgrade-plan-container .upgrade-plan .row .item.item-1:hover {
	border: 1px solid #236ffb
}

.upgrade-plan-container .upgrade-plan .row .item.item-1:hover .text {
	color: #236ffb
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #979eaa;
	font-weight: 700
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	width: 28px;
	height: 28px
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text.text-1::before {
	background-image: url(../image/81.png)
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text.text-1:hover::before {
	background-image: url(../image/72.png)
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text.text-2::before {
	background-image: url(../image/10.png)
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text.text-2:hover::before {
	background-image: url(../image/91.png)
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text.text-3::before {
	background-image: url(../image/12.png)
}

.upgrade-plan-container .upgrade-plan .row .item.item-1 .text.text-3:hover::before {
	background-image: url(../image/111.png)
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 14px 40px;
	width: 460px;
	height: 130px
}

.upgrade-plan-container .upgrade-plan .row .item.item-2:hover::before {
	z-index: 1;
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../image/211.png);
	background-size: contain
}

.upgrade-plan-container .upgrade-plan .row .item.item-2:hover .icon {
	border: initial;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(35,111,251,.3)),to(rgba(35,111,251,0)));
	background: -webkit-linear-gradient(top,rgba(35,111,251,.3) 0,rgba(35,111,251,0) 100%);
	background: linear-gradient(180deg,rgba(35,111,251,.3) 0,rgba(35,111,251,0) 100%)
}

.upgrade-plan-container .upgrade-plan .row .item.item-2:hover .text-box .desc {
	color: #c0cade
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 .box {
	z-index: 5;
	position: relative
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 .icon {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
	padding-top: 22px;
	width: 100px;
	height: 100px;
	background: rgba(35,111,251,0);
	border: 1px solid #223558;
	border-radius: 50px
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 .icon img {
	display: block;
	margin: 0 auto;
	width: 56px;
	height: 56px
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 .text-box {
	display: inline-block;
	vertical-align: middle;
	width: 244px;
	overflow: hidden
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 .text-box .name {
	margin-bottom: 5px;
	font-size: 22px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #fff
}

.upgrade-plan-container .upgrade-plan .row .item.item-2 .text-box .desc {
	font-size: 16px;
	font-weight: 400;
	color: #979eaa
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item {
	float: left
}

.fl.middle,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .middle.item {
	height: 100%
}

.fl.middle::before,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.why-choose-us-to-develop-xxx-container {
	min-width: 1400px;
	padding: 90px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.why-choose-us-to-develop-xxx-container::before {
	width: 100%;
	height: 100%;
	background-color: #282d4a;
	z-index: 1;
	content: " ";
	position: absolute;
	top: 0;
	left: 0
}

.why-choose-us-to-develop-xxx-container::after {
	width: 100%;
	height: 100%;
	background-image: url(../image/73.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	z-index: 2;
	content: " ";
	position: absolute;
	top: 0;
	left: 0
}

.why-choose-us-to-develop-xxx-container .region-title {
	margin-bottom: 36px;
	color: #fff
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx {
	z-index: 5;
	position: relative
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item {
	width: 221px;
	height: 276px;
	margin-right: 13px;
	padding-top: 24px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:nth-child(6n) {
	margin-right: 0
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box {
	width: 58rpx;
	height: 58px;
	line-height: 58px;
	margin-bottom: 38px;
	text-align: center
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box .icon {
	height: 58px
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box .icon-1 {
	display: inline-block
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .icon-box .icon-2 {
	display: none
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .text-box {
	width: 162px;
	margin: 0 auto;
	text-align: center
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .text-box .title {
	margin-bottom: 10px;
	font-family: AlibabaPuHuiTiB;
	font-size: 22px;
	font-weight: 700;
	color: #fff
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item .text-box .text {
	font-family: AlibabaPuHuiTiR;
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 20px 29px 0 rgba(68,68,68,.3);
	box-shadow: 0 20px 29px 0 rgba(68,68,68,.3)
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .icon-box .icon-1,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .icon-box .icon-1 {
	display: none
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .icon-box .icon-2,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .icon-box .icon-2 {
	display: inline-block
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .text-box .title,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .text-box .title {
	color: #191c3d
}

.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .active .text-box .text,.why-choose-us-to-develop-xxx-container .why-choose-us-to-develop-xxx .list .item:hover .text-box .text {
	color: #515d71
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.why-develop-xxx-container .why-develop-xxx .list .item {
	float: left
}

.fl.middle,.why-develop-xxx-container .why-develop-xxx .list .middle.item {
	height: 100%
}

.fl.middle::before,.why-develop-xxx-container .why-develop-xxx .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.why-develop-xxx-container {
	padding: 90px 0;
	background-color: #fff
}

.why-develop-xxx-container .why-develop-xxx .list {
	padding-top: 60px
}

.why-develop-xxx-container .why-develop-xxx .list .item {
	width: 25%;
	text-align: center
}

.why-develop-xxx-container .why-develop-xxx .list .item .icon-box {
	width: 70px;
	height: 70px;
	margin: 0 auto 16px
}

.why-develop-xxx-container .why-develop-xxx .list .item .icon-box .icon {
	height: 70px;
	display: inline-block
}

.why-develop-xxx-container .why-develop-xxx .list .item .text {
	line-height: 1;
	font-size: 22px;
	color: #191c3d;
	text-align: center;
	font-weight: 700
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.why-me-container .why-me .list .item {
	float: left
}

.fl.middle,.why-me-container .why-me .list .middle.item {
	height: 100%
}

.fl.middle::before,.why-me-container .why-me .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.why-me-container .why-me .region-sub-title {
	min-height: auto;
	line-height: 1;
	font-size: 18px
}

.why-me-container .why-me .list .item {
	width: 300px;
	height: 330px;
	margin-right: 65px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	box-shadow: 0 2px 8px 0 rgba(35,111,251,.08);
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.why-me-container .why-me .list .item:nth-child(4n) {
	margin-right: 0
}

.why-me-container .why-me .list .item:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0 40px 40px 0 rgba(35,111,251,.1);
	box-shadow: 0 40px 40px 0 rgba(35,111,251,.1)
}

.why-me-container .why-me .list .item .top {
	height: 190px;
	padding-top: 46px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.why-me-container .why-me .list .item .top .icon-box {
	width: 54px;
	height: 54px;
	line-height: 54px;
	margin: 0 auto;
	text-align: center
}

.why-me-container .why-me .list .item .top .icon-box .icon {
	width: 54px;
	display: inline-block;
	vertical-align: middle
}

.why-me-container .why-me .list .item .top .text {
	line-height: 1;
	margin-top: 18px;
	font-family: MicrosoftYaHeiLight;
	font-size: 22px;
	color: #fff;
	text-align: center
}

.why-me-container .why-me .list .item .bottom .text {
	width: 233px;
	margin: 35px auto 0;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	line-height: 24px;
	color: #515d71;
	text-align: center
}

.why-me-container .why-me .list .item-1 .top {
	background-color: #0054ee
}

.why-me-container .why-me .list .item-2 .top {
	background-color: #236ffb
}

.why-me-container .why-me .list .item-3 .top {
	background-color: #2e85fb
}

.why-me-container .why-me .list .item-4 .top {
	background-color: #3b97ff
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.worry-free-service-container .worry-free-service .worry-free-list .item {
	float: left
}

.fl.middle,.worry-free-service-container .worry-free-service .worry-free-list .middle.item {
	height: 100%
}

.fl.middle::before,.worry-free-service-container .worry-free-service .worry-free-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.worry-free-service-container {
	padding: 90px 0;
	background-color: #fff
}

.worry-free-service-container .worry-free-service .region-title {
	margin-bottom: 60px
}

.worry-free-service-container .worry-free-service .worry-free-list .item {
	width: 200px;
	margin-right: 38px;
	text-align: center
}

.worry-free-service-container .worry-free-service .worry-free-list .item:last-child {
	margin-right: 0
}

.worry-free-service-container .worry-free-service .worry-free-list .item .icon-box {
	width: 80px;
	height: 70px;
	line-height: 70px;
	margin: 0 auto 34px;
	text-align: bottom
}

.worry-free-service-container .worry-free-service .worry-free-list .item .icon-box .icon {
	min-height: 55px;
	max-height: 70px;
	display: inline-block;
	vertical-align: top
}

.worry-free-service-container .worry-free-service .worry-free-list .item .icon-box .icon-1 {
	position: relative;
	top: 10px
}

.worry-free-service-container .worry-free-service .worry-free-list .item .text {
	line-height: 1;
	font-family: MicrosoftYaHei;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.worry-free-service-container .worry-free-service .worry-free-list .item .text .text-1 {
	color: #03cd7f
}

.worry-free-service-container .worry-free-service .worry-free-bottom {
	padding-top: 70px;
	padding-bottom: 23px;
	text-align: center
}

.worry-free-service-container .worry-free-service .worry-free-bottom .text-box .text {
	height: 60px;
	line-height: 70px;
	font-family: AlibabaPuHuiTiR;
	font-size: 30px;
	color: #515d71;
	display: inline-block;
	vertical-align: bottom
}

.worry-free-service-container .worry-free-service .worry-free-bottom .text-box .package-price {
	height: 60px;
	line-height: 60px;
	padding-left: 30px;
	font-size: 54px
}

.worry-free-service-container .worry-free-service .worry-free-bottom .text-box .package-price::before {
	width: 35px;
	height: 35px;
	line-height: 35px;
	content: "￥";
	font-size: 30px;
	position: absolute;
	bottom: 2px;
	left: 0
}

.worry-free-service-container .worry-free-service .btn-row {
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.classic-case-list .item,.fl {
	float: left
}

.classic-case-list .middle.item,.fl.middle {
	height: 100%
}

.classic-case-list .middle.item::before,.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.classic-case-list .item .top .card .des,.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.classic-case-list {
	padding-top: 36px;
	display: none
}

.classic-case-list .item {
	width: 450px;
	height: 338px;
	margin-right: 25px;
	margin-bottom: 12px;
	background-color: #fff;
	overflow: hidden
}

.classic-case-list .item:nth-child(3n) {
	margin-right: 0
}

.classic-case-list .item:hover .top .cover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.classic-case-list .item:hover .top .card {
	opacity: 1
}

.classic-case-list .item:hover .bottom .fl .title,.classic-case-list .item:hover .bottom .item .title {
	color: #236ffb
}

.classic-case-list .item .top {
	width: 450px;
	height: 283px;
	position: relative;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.classic-case-list .item .top .cover-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.classic-case-list .item .top .cover-box .cover {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.classic-case-list .item .top .card {
	width: 100%;
	height: 100%;
	padding: 40px 24px;
	background-color: rgba(35,110,251,.93);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: absolute;
	top: 0;
	left: 0
}

.classic-case-list .item .top .card .text {
	height: 64px;
	line-height: 25px;
	margin-bottom: 35px;
	font-size: 16px!important;
	color: #fff
}

.classic-case-list .item .top .card .des {
	height: 75px;
	line-height: 25px;
	margin-bottom: 22px;
	font-size: 14px!important;
	color: #fff;
	opacity: .5
}

.classic-case-list .item .top .card .icon {
	height: 14px;
	display: block
}

.classic-case-list .item .bottom {
	width: 450px;
	height: 55px;
	line-height: 55px
}

.classic-case-list .item .bottom .fl .title,.classic-case-list .item .bottom .item .title {
	font-size: 22px;
	color: #191c3d;
	font-weight: 700
}

.classic-case-list .item .bottom .fr .tag {
	height: 22px;
	line-height: 22px;
	margin-left: 11px;
	padding: 0 13px;
	background-color: #edeff6;
	border-radius: 22px;
	font-size: 14px;
	color: #515d71;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.classic-case-list.show {
	display: block
}

.xxx-case-container {
	min-width: 1400px;
	padding: 90px 0;
	background-color: #fff
}

.xxx-case-container .region-title {
	margin-bottom: 12px
}

.xxx-case-container .region-sub-title {
	min-height: auto;
	font-size: 18px
}

.xxx-case-container .region-sub-title .highlight {
	cursor: pointer
}

.xxx-case-container .xxx-case .more {
	margin-top: 50px;
	text-align: center
}

.xxx-case-presentation-container {
	min-width: 1400px;
	padding: 90px 0;
	background-color: #f6f8fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl {
	float: left
}

.fl.middle {
	height: 100%
}

.fl.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.xxx-industry-container {
	padding: 90px 0;
	background-color: #fff!important;
	background: #010218
}

.xxx-industry-container .xxx-industry .card {
	display: none
}

.xxx-industry-container .xxx-industry .industry-info-list-box {
	margin-top: 60px
}

.xxx-industry-container .xxx-industry .more {
	text-align: center
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.xxx-region-service-container .xxx-service-banner-container .banner-list .item {
	float: left
}

.fl.middle,.xxx-region-service-container .xxx-service-banner-container .banner-list .middle.item {
	height: 100%
}

.fl.middle::before,.xxx-region-service-container .xxx-service-banner-container .banner-list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.xxx-region-service-container {
	padding: 90px 0 0;
	background-color: #fff;
	position: relative
}

.xxx-region-service-container .xxx-service-banner-container {
	width: 100%;
	height: 120px;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 70
}

.xxx-region-service-container .xxx-service-banner-container .banner-list {
	height: 120px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	box-shadow: 0 10px 26px 0 rgba(35,111,251,.12);
	border-radius: 4px
}

.xxx-region-service-container .xxx-service-banner-container .banner-list .item {
	width: 25%;
	text-align: center
}

.xxx-region-service-container .xxx-service-banner-container .banner-list .item .box {
	margin-top: 38px;
	display: inline-block;
	text-align: left
}

.xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .icon {
	width: 48px;
	height: 54px;
	margin-right: 13px;
	display: inline-block;
	vertical-align: top
}

.xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box {
	height: 54px;
	font-family: AlibabaPuHuiTiR;
	display: inline-block;
	vertical-align: top
}

.xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box .big {
	line-height: 1;
	margin-top: 5px;
	font-size: 18px;
	color: #191c3d;
	font-weight: 700
}

.xxx-region-service-container .xxx-service-banner-container .banner-list .item .box .text-box .small {
	line-height: 1;
	margin-top: 10px;
	font-size: 14px;
	color: #515d71
}

::-moz-selection {
	color: #fff;
	background: #4a85f3
}

::selection {
	color: #fff;
	background: #4a85f3
}

.f-w-b {
	font-weight: 700
}

.clearfix::before {
	content: "";
	display: block;
	clear: both
}

.fl,.xxx-selling-point-container .xxx-selling-point .list .item {
	float: left
}

.fl.middle,.xxx-selling-point-container .xxx-selling-point .list .middle.item {
	height: 100%
}

.fl.middle::before,.xxx-selling-point-container .xxx-selling-point .list .middle.item::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.fr {
	float: right
}

.fr.middle {
	height: 100%
}

.fr.middle::before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.p-fl {
	position: absolute;
	top: 0;
	left: 0
}

.p-fr {
	position: absolute;
	top: 0;
	right: 0
}

.cursor {
	cursor: pointer
}

.line-clamp-multi-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all!important
}

.line-clamp-multi-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.line-clamp-multi-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all
}

.region-title {
	line-height: 1;
	margin-bottom: 16px;
	font-size: 40px;
	color: #191c3d;
	text-align: center;
	position: relative
}

.region-title .highlight {
	color: #236ffb
}

.region-sub-title {
	min-height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #999;
	text-align: center
}

.region-sub-title .space {
	margin: 0 10px
}

.region-sub-title .highlight {
	color: #236ffb
}

.region-note {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	line-height: 36px;
	color: #979eaa;
	text-align: center
}

.text-center {
	text-align: center
}

.package-price {
	height: 28px;
	line-height: 32px;
	padding-left: 14px;
	font-family: WeChatNumber-151125;
	font-size: 24px;
	color: #ff0137;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.package-price::before {
	width: 16px;
	height: 16px;
	line-height: 16px;
	content: "￥";
	font-size: 16px;
	color: #ff0137;
	font-weight: 400;
	position: absolute;
	bottom: 1px;
	left: 0
}

.package-unit {
	height: 28px;
	line-height: 34px;
	font-family: AlibabaPuHuiTiR;
	font-size: 16px!important;
	color: #515d71;
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.original-price {
	height: 16px;
	line-height: 1;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.xxx-selling-point-container {
	min-width: 1400px;
	padding: 90px 0;
	background-color: #f6f8fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.xxx-selling-point-container .xxx-selling-point .region-sub-title {
	margin-bottom: 60px
}

.xxx-selling-point-container .xxx-selling-point .list .item {
	width: 282px;
	height: 246px;
	margin-right: 90px;
	position: relative
}

.xxx-selling-point-container .xxx-selling-point .list .item:last-child {
	margin-right: 0
}

.xxx-selling-point-container .xxx-selling-point .list .item .icon-box {
	height: 70px;
	margin-top: 57px;
	margin-bottom: 40px;
	position: relative;
	z-index: 5;
	text-align: center
}

.xxx-selling-point-container .xxx-selling-point .list .item .icon-box .icon {
	height: 70px;
	display: inline-block
}

.xxx-selling-point-container .xxx-selling-point .list .item .text {
	line-height: 1;
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	color: #191c3d;
	font-weight: 700;
	text-align: center;
	position: relative;
	z-index: 5
}

.xxx-selling-point-container .xxx-selling-point .list .item .item-bg {
	width: 282px;
	height: 246px;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0
}